balala-revogrid 1.0.0

package/dist/collection/plugins/moveColumn/order-column.handler.js

@@ -0,0 +1,69 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+const COLUMN_DRAG_CLASS = 'column-drag-start';
+export class ColumnOrderHandler {
+    constructor() {
+        this.offset = 0;
+    }
+    renderAutoscroll(_, parent) {
+        if (!parent) {
+            return;
+        }
+        this.autoscrollEl = document.createElement('div');
+        this.autoscrollEl.classList.add('drag-auto-scroll-y');
+        parent.appendChild(this.autoscrollEl);
+    }
+    autoscroll(pos, dataContainerSize, direction = 'translateX') {
+        if (!this.autoscrollEl) {
+            return;
+        }
+        const helperOffset = 10;
+        // calculate current y position inside of the grid active holder
+        // 3 - size of element + border
+        const maxScroll = Math.min(pos + helperOffset, dataContainerSize - 3);
+        this.autoscrollEl.style.transform = `${direction}(${maxScroll}px)`;
+        this.autoscrollEl.scrollIntoView({
+            block: 'nearest',
+            inline: 'nearest',
+        });
+    }
+    start(e, { dataEl, gridRect, scrollEl, gridEl }, dir = 'left') {
+        gridEl.classList.add(COLUMN_DRAG_CLASS);
+        const scrollContainerRect = scrollEl.getBoundingClientRect();
+        if (scrollContainerRect) {
+            this.offset = scrollContainerRect[dir] - gridRect[dir];
+        }
+        this.renderAutoscroll(e, dataEl);
+    }
+    stop(gridEl) {
+        var _a;
+        gridEl.classList.remove(COLUMN_DRAG_CLASS);
+        if (this.element) {
+            this.element.hidden = true;
+        }
+        this.offset = 0;
+        (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
+        this.autoscrollEl = undefined;
+    }
+    showHandler(pos, size, direction = 'translateX') {
+        if (!this.element) {
+            return;
+        }
+        // do not allow overcross top of the scrollable area, header excluded
+        if (this.offset) {
+            pos = Math.max(pos, this.offset);
+        }
+        // can not be bigger then grid end
+        pos = Math.min(pos, size);
+        this.element.style.transform = `${direction}(${pos}px)`;
+        this.element.hidden = false;
+    }
+    render() {
+        const el = this.element = document.createElement('div');
+        el.classList.add('drag-position-y');
+        el.hidden = true;
+        return el;
+    }
+}
+//# sourceMappingURL=order-column.handler.js.map

package/dist/collection/plugins/moveColumn/order-column.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-column.handler.js","sourceRoot":"","sources":["../../../src/plugins/moveColumn/order-column.handler.tsx"],"names":[],"mappings":"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","sourcesContent":["const COLUMN_DRAG_CLASS = 'column-drag-start';\n\nexport class ColumnOrderHandler {\n  private element?: HTMLDivElement;\n  private autoscrollEl?: HTMLElement;\n  private offset = 0;\n\n  renderAutoscroll(_: MouseEvent, parent: HTMLElement | null) {\n    if (!parent) {\n      return;\n    }\n    this.autoscrollEl = document.createElement('div');\n    this.autoscrollEl.classList.add('drag-auto-scroll-y');\n    parent.appendChild(this.autoscrollEl);\n  }\n\n  autoscroll(pos: number, dataContainerSize: number, direction = 'translateX') {\n    if (!this.autoscrollEl) {\n      return;\n    }\n    const helperOffset = 10;\n    // calculate current y position inside of the grid active holder\n    // 3 - size of element + border\n    const maxScroll = Math.min(pos + helperOffset, dataContainerSize - 3);\n\n    this.autoscrollEl.style.transform = `${direction}(${maxScroll}px)`;\n    this.autoscrollEl.scrollIntoView({\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  start(e: MouseEvent, { dataEl, gridRect, scrollEl, gridEl }: {\n    dataEl: HTMLElement;\n    gridRect: DOMRect;\n    scrollEl: Element;\n    gridEl: Element;\n  }, dir: 'top' | 'left'  = 'left') {\n    gridEl.classList.add(COLUMN_DRAG_CLASS);\n    const scrollContainerRect = scrollEl.getBoundingClientRect();\n    if (scrollContainerRect) {\n      this.offset = scrollContainerRect[dir] - gridRect[dir];\n    }\n    this.renderAutoscroll(e, dataEl);\n  }\n\n  stop(gridEl: Element) {\n    gridEl.classList.remove(COLUMN_DRAG_CLASS);\n    if (this.element) {\n      this.element.hidden = true;\n    }\n    this.offset = 0;\n    this.autoscrollEl?.remove();\n    this.autoscrollEl = undefined;\n  }\n\n  showHandler(pos: number, size: number, direction = 'translateX') {\n    if (!this.element) {\n      return;\n    }\n    // do not allow overcross top of the scrollable area, header excluded\n    if (this.offset) {\n      pos = Math.max(pos, this.offset);\n    }\n    // can not be bigger then grid end\n    pos = Math.min(pos, size);\n    this.element.style.transform = `${direction}(${pos}px)`;\n    this.element.hidden = false;\n  }\n\n  render() {\n    const el = this.element = document.createElement('div');\n    el.classList.add('drag-position-y');\n    el.hidden = true;\n    return el;\n  }\n}\n"]}

package/dist/collection/plugins/pin-shadow.plugin.js

@@ -0,0 +1,487 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { BasePlugin } from "./base.plugin";
+/** 调试开关：临时停用 PinShadowPlugin 的阴影样式逻辑 */
+const ENABLE_PIN_SHADOW_PLUGIN_STYLES = true;
+/**
+ * 冻结列阴影插件
+ * 只有在内容滚动时才显示冻结列的阴影，类似 position: sticky 效果
+ * 同时支持头部阴影，垂直滚动时显示
+ */
+export class PinShadowPlugin extends BasePlugin {
+    constructor(revogrid, providers) {
+        super(revogrid, providers);
+        this.scrollTop = 0;
+        this.maxScrollLeft = 0;
+        this.syncFrameId = null;
+        this.pendingHorizontalSync = false;
+        this.pendingVerticalSync = false;
+        this.pinShadowSyncFrameId = null;
+        this.pinShadowSyncFrameCount = 0;
+        this.lastViewportRecoveryAt = 0;
+        this.mainViewportEl = null;
+        this.verticalScrollEl = null;
+        this.viewportsContainerEl = null;
+        this.pinStartViewportEl = null;
+        this.pinEndViewportEl = null;
+        this.headerEl = null;
+        this.pinStartWidth = 0;
+        this.pinEndWidth = 0;
+        this.headerHeight = 0;
+        this.hasVerticalScrollSpace = false;
+        this.pinStartShadowApplied = false;
+        this.pinEndShadowApplied = false;
+        this.headerShadowApplied = false;
+        this.pinStartShadowOffset = '';
+        this.pinEndShadowOffset = '';
+        this.headerShadowOffset = '';
+        this.lastMainScrollLeft = 0;
+        this.lastPinShadowSnapshot = null;
+        this.lastCoverageCheckAt = 0;
+        this.onMainViewportScroll = () => {
+            var _a;
+            if (this.isResizing) {
+                return;
+            }
+            const nextScrollLeft = ((_a = this.mainViewportEl) === null || _a === void 0 ? void 0 : _a.scrollLeft) || 0;
+            if (nextScrollLeft === this.lastMainScrollLeft) {
+                return;
+            }
+            this.lastMainScrollLeft = nextScrollLeft;
+            this.scheduleDomSync(true, false);
+        };
+        this.onVerticalViewportScroll = () => {
+            var _a;
+            if (this.isResizing) {
+                return;
+            }
+            this.scrollTop = ((_a = this.verticalScrollEl) === null || _a === void 0 ? void 0 : _a.scrollTop) || this.scrollTop;
+            if (this.shouldSyncHeaderShadow(this.scrollTop)) {
+                this.scheduleDomSync(false, true);
+            }
+        };
+        // resize 防抖定时器
+        this.resizeDebounceTimer = null;
+        // 是否正在 resize
+        this.isResizing = false;
+        if (!ENABLE_PIN_SHADOW_PLUGIN_STYLES) {
+            this.clearShadowState();
+            return;
+        }
+        // 监听滚动事件
+        this.addEventListener('viewportscroll', (e) => {
+            this.onScroll(e.detail);
+        });
+        // 直接监听原始 scrollviewport（来自 viewport 组件），
+        // 在下一帧从 DOM 读取真实 scrollLeft/scrollTop，避免代理链路竞态导致阴影偶现异常。
+        this.addEventListener('scrollviewport', (e) => {
+            const isHorizontal = e.detail.dimension === 'rgCol';
+            const isVertical = e.detail.dimension === 'rgRow';
+            if (isVertical && typeof e.detail.coordinate === 'number') {
+                this.scrollTop = e.detail.coordinate;
+            }
+            const shouldSyncVertical = isVertical && typeof e.detail.coordinate === 'number'
+                ? this.shouldSyncHeaderShadow(this.scrollTop)
+                : false;
+            this.scheduleDomSync(isHorizontal, shouldSyncVertical);
+        });
+        // 监听 aftergridrender 初始化状态
+        this.addEventListener('aftergridrender', () => {
+            // 使用 requestAnimationFrame 确保 DOM 更新完成后再获取滚动位置
+            requestAnimationFrame(() => {
+                this.bindViewportDomListeners();
+                this.refreshVerticalScrollPosition();
+                this.updatePinShadow(true);
+                this.updateHeaderShadow(this.scrollTop);
+            });
+        });
+        // 监听 viewport resize 事件
+        this.addEventListener('resizeviewport', () => {
+            this.onResize();
+        });
+        // 跟随视口滚动可见性变化更新垂直滚动空间状态，避免仅靠缓存导致头部阴影状态陈旧
+        this.addEventListener('scrollchange', (e) => {
+            var _a;
+            if (((_a = e.detail) === null || _a === void 0 ? void 0 : _a.type) !== 'rgRow') {
+                return;
+            }
+            const nextHasVerticalScrollSpace = !!e.detail.hasScroll;
+            if (nextHasVerticalScrollSpace === this.hasVerticalScrollSpace) {
+                return;
+            }
+            this.hasVerticalScrollSpace = nextHasVerticalScrollSpace;
+            if (!nextHasVerticalScrollSpace) {
+                this.setHeaderShadow(false);
+                return;
+            }
+            if (this.scrollTop > 0) {
+                this.scheduleDomSync(false, true);
+            }
+        });
+    }
+    cacheStaticElements(force = false) {
+        if (force || !this.viewportsContainerEl || !this.viewportsContainerEl.isConnected) {
+            this.viewportsContainerEl = this.revogrid.querySelector('.viewports');
+        }
+        if (force || !this.pinStartViewportEl || !this.pinStartViewportEl.isConnected) {
+            this.pinStartViewportEl = this.revogrid.querySelector('revogr-viewport-scroll.colPinStart');
+        }
+        if (force || !this.pinEndViewportEl || !this.pinEndViewportEl.isConnected) {
+            this.pinEndViewportEl = this.revogrid.querySelector('revogr-viewport-scroll.colPinEnd');
+        }
+        if (force || !this.headerEl || !this.headerEl.isConnected) {
+            const unifiedHeader = this.revogrid.querySelector('revogr-header-unified');
+            const basicHeader = this.revogrid.querySelector('revogr-header');
+            this.headerEl = unifiedHeader || basicHeader;
+        }
+    }
+    refreshStaticMetrics() {
+        var _a, _b, _c;
+        this.pinStartWidth = ((_a = this.pinStartViewportEl) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+        this.pinEndWidth = ((_b = this.pinEndViewportEl) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
+        this.headerHeight = ((_c = this.headerEl) === null || _c === void 0 ? void 0 : _c.clientHeight) || 0;
+        if (this.verticalScrollEl) {
+            const maxScrollTop = this.verticalScrollEl.scrollHeight - this.verticalScrollEl.clientHeight;
+            this.hasVerticalScrollSpace = maxScrollTop > PinShadowPlugin.VERTICAL_SCROLL_THRESHOLD;
+        }
+        else {
+            this.hasVerticalScrollSpace = false;
+        }
+    }
+    clearShadowState() {
+        this.cacheStaticElements();
+        if (this.viewportsContainerEl) {
+            this.viewportsContainerEl.classList.remove('pin-start-shadow');
+            this.viewportsContainerEl.classList.remove('pin-end-shadow');
+            this.viewportsContainerEl.style.removeProperty('--pin-start-shadow-offset');
+            this.viewportsContainerEl.style.removeProperty('--pin-end-shadow-offset');
+        }
+        this.revogrid.classList.remove('header-shadow');
+        this.revogrid.style.removeProperty('--header-shadow-offset');
+        this.pinStartShadowApplied = false;
+        this.pinEndShadowApplied = false;
+        this.headerShadowApplied = false;
+        this.pinStartShadowOffset = '';
+        this.pinEndShadowOffset = '';
+        this.headerShadowOffset = '';
+        this.lastPinShadowSnapshot = null;
+        this.lastCoverageCheckAt = 0;
+    }
+    bindViewportDomListeners() {
+        var _a, _b, _c, _d, _e;
+        const nextMainViewport = this.revogrid.querySelector('revogr-viewport-scroll.rgCol');
+        const nextVerticalScroll = this.revogrid.querySelector('revogr-viewport-scroll.rgCol .vertical-inner');
+        if (this.mainViewportEl !== nextMainViewport) {
+            (_a = this.mainViewportEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', this.onMainViewportScroll);
+            this.mainViewportEl = nextMainViewport;
+            (_b = this.mainViewportEl) === null || _b === void 0 ? void 0 : _b.addEventListener('scroll', this.onMainViewportScroll, { passive: true });
+            this.lastMainScrollLeft = ((_c = this.mainViewportEl) === null || _c === void 0 ? void 0 : _c.scrollLeft) || 0;
+        }
+        if (this.verticalScrollEl !== nextVerticalScroll) {
+            (_d = this.verticalScrollEl) === null || _d === void 0 ? void 0 : _d.removeEventListener('scroll', this.onVerticalViewportScroll);
+            this.verticalScrollEl = nextVerticalScroll;
+            (_e = this.verticalScrollEl) === null || _e === void 0 ? void 0 : _e.addEventListener('scroll', this.onVerticalViewportScroll, { passive: true });
+        }
+        this.cacheStaticElements(true);
+        this.refreshStaticMetrics();
+    }
+    ensureViewportBindings() {
+        const needViewportRebind = !this.mainViewportEl ||
+            !this.mainViewportEl.isConnected ||
+            !this.verticalScrollEl ||
+            !this.verticalScrollEl.isConnected;
+        if (needViewportRebind) {
+            this.bindViewportDomListeners();
+            return;
+        }
+        const needStaticRefresh = !this.viewportsContainerEl ||
+            !this.viewportsContainerEl.isConnected ||
+            (this.pinStartViewportEl !== null && !this.pinStartViewportEl.isConnected) ||
+            (this.pinEndViewportEl !== null && !this.pinEndViewportEl.isConnected) ||
+            (this.headerEl !== null && !this.headerEl.isConnected);
+        if (needStaticRefresh) {
+            this.cacheStaticElements(true);
+            this.refreshStaticMetrics();
+        }
+    }
+    schedulePinShadowSync() {
+        if (this.pinShadowSyncFrameId !== null) {
+            return;
+        }
+        this.pinShadowSyncFrameCount = 0;
+        const tick = () => {
+            this.pinShadowSyncFrameId = null;
+            if (this.isResizing) {
+                return;
+            }
+            this.ensureViewportBindings();
+            this.updatePinShadow();
+            this.pinShadowSyncFrameCount += 1;
+            if (this.pinShadowSyncFrameCount < PinShadowPlugin.SHADOW_SYNC_FRAMES) {
+                this.pinShadowSyncFrameId = requestAnimationFrame(tick);
+            }
+        };
+        this.pinShadowSyncFrameId = requestAnimationFrame(tick);
+    }
+    shouldSyncHeaderShadow(scrollTop) {
+        const shouldShowHeaderShadow = this.hasVerticalScrollSpace && scrollTop > 0;
+        return shouldShowHeaderShadow !== this.headerShadowApplied;
+    }
+    scheduleDomSync(horizontal = false, vertical = false) {
+        if (this.isResizing) {
+            return;
+        }
+        // 没有任何待同步内容时不进入 RAF，避免滚动中无效的 DOM 绑定/查询
+        if (!horizontal && !vertical) {
+            return;
+        }
+        if (horizontal) {
+            this.pendingHorizontalSync = true;
+        }
+        if (vertical) {
+            this.pendingVerticalSync = true;
+        }
+        if (this.syncFrameId !== null) {
+            return;
+        }
+        this.syncFrameId = requestAnimationFrame(() => {
+            this.syncFrameId = null;
+            this.ensureViewportBindings();
+            if (this.pendingHorizontalSync) {
+                this.updatePinShadow();
+            }
+            if (this.pendingVerticalSync) {
+                this.updateHeaderShadow(this.scrollTop);
+            }
+            this.pendingHorizontalSync = false;
+            this.pendingVerticalSync = false;
+        });
+    }
+    /**
+     * 处理 resize 事件，使用防抖避免频繁更新
+     */
+    onResize() {
+        // 进入 resize 状态：拖拽过程中保持当前阴影显隐状态，
+        // 仅同步偏移，避免 class 被清空后反复加回造成闪烁。
+        if (!this.isResizing) {
+            this.isResizing = true;
+        }
+        this.syncShadowOffsetsDuringResize();
+        // 清除之前的定时器
+        if (this.resizeDebounceTimer) {
+            clearTimeout(this.resizeDebounceTimer);
+        }
+        // 设置新的定时器，只有在 200ms 内没有新的调用时才执行
+        this.resizeDebounceTimer = setTimeout(() => {
+            this.resizeDebounceTimer = null;
+            this.isResizing = false;
+            // resize 稳定后，重新获取滚动位置并更新阴影
+            requestAnimationFrame(() => {
+                this.bindViewportDomListeners();
+                this.refreshVerticalScrollPosition();
+                this.updatePinShadow(true);
+                this.updateHeaderShadow(this.scrollTop);
+            });
+        }, PinShadowPlugin.RESIZE_DEBOUNCE_DELAY);
+    }
+    /**
+     * resize 进行中同步阴影偏移，不切换显隐状态，避免头部/冻结列阴影闪烁
+     */
+    syncShadowOffsetsDuringResize() {
+        this.cacheStaticElements();
+        this.refreshStaticMetrics();
+        this.setPinStartShadow(this.pinStartShadowApplied);
+        this.setPinEndShadow(this.pinEndShadowApplied);
+        this.setHeaderShadow(this.headerShadowApplied);
+    }
+    /**
+     * 从 DOM 中重新获取当前的垂直滚动位置（仅用于初始化/重布局后的兜底）
+     */
+    refreshVerticalScrollPosition() {
+        if (this.verticalScrollEl) {
+            this.scrollTop = this.verticalScrollEl.scrollTop || 0;
+        }
+    }
+    onScroll(e) {
+        if (this.isResizing) {
+            return;
+        }
+        // 处理水平滚动
+        if (e.dimension === 'rgCol') {
+            if (e.coordinate === this.lastMainScrollLeft) {
+                return;
+            }
+            this.lastMainScrollLeft = e.coordinate;
+            this.scheduleDomSync(true, false);
+        }
+        // 处理垂直滚动
+        if (e.dimension === 'rgRow') {
+            this.scrollTop = e.coordinate;
+            if (this.shouldSyncHeaderShadow(this.scrollTop)) {
+                this.scheduleDomSync(false, true);
+            }
+        }
+    }
+    setPinStartShadow(active) {
+        if (!this.viewportsContainerEl) {
+            return;
+        }
+        if (active) {
+            const offset = `${this.pinStartWidth}px`;
+            if (this.pinStartShadowOffset !== offset) {
+                this.pinStartShadowOffset = offset;
+                this.viewportsContainerEl.style.setProperty('--pin-start-shadow-offset', offset);
+            }
+        }
+        if (this.pinStartShadowApplied !== active) {
+            this.pinStartShadowApplied = active;
+            this.viewportsContainerEl.classList.toggle('pin-start-shadow', active);
+        }
+    }
+    setPinEndShadow(active) {
+        if (!this.viewportsContainerEl) {
+            return;
+        }
+        if (active) {
+            const offset = `-${this.pinEndWidth}px`;
+            if (this.pinEndShadowOffset !== offset) {
+                this.pinEndShadowOffset = offset;
+                this.viewportsContainerEl.style.setProperty('--pin-end-shadow-offset', offset);
+            }
+        }
+        if (this.pinEndShadowApplied !== active) {
+            this.pinEndShadowApplied = active;
+            this.viewportsContainerEl.classList.toggle('pin-end-shadow', active);
+        }
+    }
+    setHeaderShadow(active) {
+        if (active) {
+            const offset = `${this.headerHeight}px`;
+            if (this.headerShadowOffset !== offset) {
+                this.headerShadowOffset = offset;
+                this.revogrid.style.setProperty('--header-shadow-offset', offset);
+            }
+        }
+        if (this.headerShadowApplied !== active) {
+            this.headerShadowApplied = active;
+            this.revogrid.classList.toggle('header-shadow', active);
+        }
+    }
+    updatePinShadow(force = false) {
+        var _a, _b, _c, _d, _e, _f;
+        // 滚动阈值：小于此值认为没有实际滚动空间（忽略边框、padding 等微小差异）
+        const SCROLL_THRESHOLD = 10;
+        const START_THRESHOLD = 2;
+        if (this.isResizing) {
+            return;
+        }
+        this.cacheStaticElements();
+        if (!this.viewportsContainerEl || !this.mainViewportEl) {
+            this.setPinStartShadow(false);
+            this.setPinEndShadow(false);
+            return;
+        }
+        const mainViewport = this.mainViewportEl;
+        const effectiveScrollLeft = mainViewport.scrollLeft || 0;
+        const contentWidth = mainViewport.contentWidth || 0;
+        const clientWidth = mainViewport.clientWidth || 0;
+        this.maxScrollLeft = Math.max(0, contentWidth - clientWidth);
+        const normalizedScrollLeft = Math.max(0, Math.min(this.maxScrollLeft, effectiveScrollLeft));
+        this.lastMainScrollLeft = normalizedScrollLeft;
+        const snapshot = this.lastPinShadowSnapshot;
+        if (!force &&
+            snapshot &&
+            snapshot.scrollLeft === normalizedScrollLeft &&
+            snapshot.maxScrollLeft === this.maxScrollLeft &&
+            snapshot.pinStartWidth === this.pinStartWidth &&
+            snapshot.pinEndWidth === this.pinEndWidth) {
+            return;
+        }
+        this.lastPinShadowSnapshot = {
+            scrollLeft: normalizedScrollLeft,
+            maxScrollLeft: this.maxScrollLeft,
+            pinStartWidth: this.pinStartWidth,
+            pinEndWidth: this.pinEndWidth,
+        };
+        const nowPerf = performance.now();
+        const shouldCheckCoverage = force ||
+            this.lastCoverageCheckAt === 0 ||
+            nowPerf - this.lastCoverageCheckAt >= PinShadowPlugin.COVERAGE_CHECK_INTERVAL;
+        if (shouldCheckCoverage) {
+            this.lastCoverageCheckAt = nowPerf;
+            const viewportStore = (_b = (_a = this.providers.viewport) === null || _a === void 0 ? void 0 : _a.stores) === null || _b === void 0 ? void 0 : _b.rgCol;
+            const viewportItems = (viewportStore === null || viewportStore === void 0 ? void 0 : viewportStore.store.get('items')) || [];
+            const viewportStart = (_c = viewportStore === null || viewportStore === void 0 ? void 0 : viewportStore.store.get('start')) !== null && _c !== void 0 ? _c : 0;
+            const viewportEnd = (_d = viewportStore === null || viewportStore === void 0 ? void 0 : viewportStore.store.get('end')) !== null && _d !== void 0 ? _d : 0;
+            const firstViewportItem = viewportItems[viewportStart] || viewportItems[0];
+            const lastViewportItem = viewportItems[viewportEnd] || viewportItems[viewportItems.length - 1];
+            const coverageStart = (_e = firstViewportItem === null || firstViewportItem === void 0 ? void 0 : firstViewportItem.start) !== null && _e !== void 0 ? _e : 0;
+            const coverageEnd = (_f = lastViewportItem === null || lastViewportItem === void 0 ? void 0 : lastViewportItem.end) !== null && _f !== void 0 ? _f : 0;
+            const hasCoverage = viewportItems.length > 0 && coverageEnd >= coverageStart;
+            const outOfCoverage = !hasCoverage ||
+                normalizedScrollLeft < coverageStart - 8 ||
+                normalizedScrollLeft > coverageEnd + 8;
+            if (outOfCoverage) {
+                const now = Date.now();
+                if (now - this.lastViewportRecoveryAt > PinShadowPlugin.VIEWPORT_RECOVERY_COOLDOWN) {
+                    this.lastViewportRecoveryAt = now;
+                    this.providers.dimension.setViewPortCoordinate({
+                        type: 'rgCol',
+                        coordinate: normalizedScrollLeft,
+                        force: true,
+                    });
+                    this.schedulePinShadowSync();
+                }
+            }
+        }
+        const hasScrollSpace = this.maxScrollLeft > SCROLL_THRESHOLD;
+        const showPinStart = hasScrollSpace && normalizedScrollLeft > START_THRESHOLD && this.pinStartWidth > 0;
+        const showPinEnd = hasScrollSpace &&
+            normalizedScrollLeft < this.maxScrollLeft - 1 &&
+            this.pinEndWidth > 0;
+        this.setPinStartShadow(showPinStart);
+        this.setPinEndShadow(showPinEnd);
+    }
+    updateHeaderShadow(scrollTop) {
+        const shouldShowHeaderShadow = this.hasVerticalScrollSpace && scrollTop > 0;
+        this.setHeaderShadow(shouldShowHeaderShadow);
+    }
+    destroy() {
+        var _a, _b;
+        this.clearShadowState();
+        // 清理定时器
+        if (this.resizeDebounceTimer) {
+            clearTimeout(this.resizeDebounceTimer);
+            this.resizeDebounceTimer = null;
+        }
+        if (this.syncFrameId !== null) {
+            cancelAnimationFrame(this.syncFrameId);
+            this.syncFrameId = null;
+        }
+        if (this.pinShadowSyncFrameId !== null) {
+            cancelAnimationFrame(this.pinShadowSyncFrameId);
+            this.pinShadowSyncFrameId = null;
+        }
+        this.pendingHorizontalSync = false;
+        this.pendingVerticalSync = false;
+        (_a = this.mainViewportEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', this.onMainViewportScroll);
+        (_b = this.verticalScrollEl) === null || _b === void 0 ? void 0 : _b.removeEventListener('scroll', this.onVerticalViewportScroll);
+        this.mainViewportEl = null;
+        this.verticalScrollEl = null;
+        this.viewportsContainerEl = null;
+        this.pinStartViewportEl = null;
+        this.pinEndViewportEl = null;
+        this.headerEl = null;
+        this.lastPinShadowSnapshot = null;
+        this.lastCoverageCheckAt = 0;
+        super.destroy();
+    }
+}
+PinShadowPlugin.SHADOW_SYNC_FRAMES = 2;
+PinShadowPlugin.VIEWPORT_RECOVERY_COOLDOWN = 120;
+PinShadowPlugin.COVERAGE_CHECK_INTERVAL = 96;
+// 防抖延迟时间（毫秒）
+PinShadowPlugin.RESIZE_DEBOUNCE_DELAY = 200;
+PinShadowPlugin.VERTICAL_SCROLL_THRESHOLD = 10;
+//# sourceMappingURL=pin-shadow.plugin.js.map

package/dist/collection/plugins/pin-shadow.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-shadow.plugin.js","sourceRoot":"","sources":["../../src/plugins/pin-shadow.plugin.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PluginProviders, ViewPortScrollEvent, DimensionType } from '@type';\nimport { BasePlugin } from './base.plugin';\n\n/** 调试开关：临时停用 PinShadowPlugin 的阴影样式逻辑 */\nconst ENABLE_PIN_SHADOW_PLUGIN_STYLES = true;\n\n/**\n * 冻结列阴影插件\n * 只有在内容滚动时才显示冻结列的阴影，类似 position: sticky 效果\n * 同时支持头部阴影，垂直滚动时显示\n */\nexport class PinShadowPlugin extends BasePlugin {\n  private static readonly SHADOW_SYNC_FRAMES = 2;\n  private static readonly VIEWPORT_RECOVERY_COOLDOWN = 120;\n  private static readonly COVERAGE_CHECK_INTERVAL = 96;\n\n  private scrollTop = 0;\n  private maxScrollLeft = 0;\n  private syncFrameId: number | null = null;\n  private pendingHorizontalSync = false;\n  private pendingVerticalSync = false;\n  private pinShadowSyncFrameId: number | null = null;\n  private pinShadowSyncFrameCount = 0;\n  private lastViewportRecoveryAt = 0;\n\n  private mainViewportEl: HTMLElement | null = null;\n  private verticalScrollEl: HTMLElement | null = null;\n  private viewportsContainerEl: HTMLElement | null = null;\n  private pinStartViewportEl: HTMLElement | null = null;\n  private pinEndViewportEl: HTMLElement | null = null;\n  private headerEl: HTMLElement | null = null;\n  private pinStartWidth = 0;\n  private pinEndWidth = 0;\n  private headerHeight = 0;\n  private hasVerticalScrollSpace = false;\n  private pinStartShadowApplied = false;\n  private pinEndShadowApplied = false;\n  private headerShadowApplied = false;\n  private pinStartShadowOffset = '';\n  private pinEndShadowOffset = '';\n  private headerShadowOffset = '';\n  private lastMainScrollLeft = 0;\n  private lastPinShadowSnapshot: {\n    scrollLeft: number;\n    maxScrollLeft: number;\n    pinStartWidth: number;\n    pinEndWidth: number;\n  } | null = null;\n  private lastCoverageCheckAt = 0;\n\n  private readonly onMainViewportScroll = () => {\n    if (this.isResizing) {\n      return;\n    }\n    const nextScrollLeft = this.mainViewportEl?.scrollLeft || 0;\n    if (nextScrollLeft === this.lastMainScrollLeft) {\n      return;\n    }\n    this.lastMainScrollLeft = nextScrollLeft;\n    this.scheduleDomSync(true, false);\n  };\n\n  private readonly onVerticalViewportScroll = () => {\n    if (this.isResizing) {\n      return;\n    }\n    this.scrollTop = this.verticalScrollEl?.scrollTop || this.scrollTop;\n    if (this.shouldSyncHeaderShadow(this.scrollTop)) {\n      this.scheduleDomSync(false, true);\n    }\n  };\n\n  // resize 防抖定时器\n  private resizeDebounceTimer: ReturnType<typeof setTimeout> | null = null;\n  \n  // 是否正在 resize\n  private isResizing = false;\n  \n  // 防抖延迟时间（毫秒）\n  private static readonly RESIZE_DEBOUNCE_DELAY = 200;\n  private static readonly VERTICAL_SCROLL_THRESHOLD = 10;\n\n  constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders) {\n    super(revogrid, providers);\n\n    if (!ENABLE_PIN_SHADOW_PLUGIN_STYLES) {\n      this.clearShadowState();\n      return;\n    }\n\n    // 监听滚动事件\n    this.addEventListener(\n      'viewportscroll',\n      (e: CustomEvent<ViewPortScrollEvent>) => {\n        this.onScroll(e.detail);\n      },\n    );\n\n    // 直接监听原始 scrollviewport（来自 viewport 组件），\n    // 在下一帧从 DOM 读取真实 scrollLeft/scrollTop，避免代理链路竞态导致阴影偶现异常。\n    this.addEventListener(\n      'scrollviewport',\n      (e: CustomEvent<ViewPortScrollEvent>) => {\n        const isHorizontal = e.detail.dimension === 'rgCol';\n        const isVertical = e.detail.dimension === 'rgRow';\n        if (isVertical && typeof e.detail.coordinate === 'number') {\n          this.scrollTop = e.detail.coordinate;\n        }\n        const shouldSyncVertical =\n          isVertical && typeof e.detail.coordinate === 'number'\n            ? this.shouldSyncHeaderShadow(this.scrollTop)\n            : false;\n        this.scheduleDomSync(isHorizontal, shouldSyncVertical);\n      },\n    );\n\n    // 监听 aftergridrender 初始化状态\n    this.addEventListener('aftergridrender', () => {\n      // 使用 requestAnimationFrame 确保 DOM 更新完成后再获取滚动位置\n      requestAnimationFrame(() => {\n        this.bindViewportDomListeners();\n        this.refreshVerticalScrollPosition();\n        this.updatePinShadow(true);\n        this.updateHeaderShadow(this.scrollTop);\n      });\n    });\n\n    // 监听 viewport resize 事件\n    this.addEventListener('resizeviewport', () => {\n      this.onResize();\n    });\n\n    // 跟随视口滚动可见性变化更新垂直滚动空间状态，避免仅靠缓存导致头部阴影状态陈旧\n    this.addEventListener(\n      'scrollchange',\n      (e: CustomEvent<{ type: DimensionType; hasScroll: boolean }>) => {\n        if (e.detail?.type !== 'rgRow') {\n          return;\n        }\n\n        const nextHasVerticalScrollSpace = !!e.detail.hasScroll;\n        if (nextHasVerticalScrollSpace === this.hasVerticalScrollSpace) {\n          return;\n        }\n\n        this.hasVerticalScrollSpace = nextHasVerticalScrollSpace;\n        if (!nextHasVerticalScrollSpace) {\n          this.setHeaderShadow(false);\n          return;\n        }\n        if (this.scrollTop > 0) {\n          this.scheduleDomSync(false, true);\n        }\n      },\n    );\n  }\n\n  private cacheStaticElements(force = false) {\n    if (force || !this.viewportsContainerEl || !this.viewportsContainerEl.isConnected) {\n      this.viewportsContainerEl = this.revogrid.querySelector('.viewports') as HTMLElement | null;\n    }\n    if (force || !this.pinStartViewportEl || !this.pinStartViewportEl.isConnected) {\n      this.pinStartViewportEl = this.revogrid.querySelector(\n        'revogr-viewport-scroll.colPinStart',\n      ) as HTMLElement | null;\n    }\n    if (force || !this.pinEndViewportEl || !this.pinEndViewportEl.isConnected) {\n      this.pinEndViewportEl = this.revogrid.querySelector(\n        'revogr-viewport-scroll.colPinEnd',\n      ) as HTMLElement | null;\n    }\n    if (force || !this.headerEl || !this.headerEl.isConnected) {\n      const unifiedHeader = this.revogrid.querySelector('revogr-header-unified') as HTMLElement | null;\n      const basicHeader = this.revogrid.querySelector('revogr-header') as HTMLElement | null;\n      this.headerEl = unifiedHeader || basicHeader;\n    }\n  }\n\n  private refreshStaticMetrics() {\n    this.pinStartWidth = this.pinStartViewportEl?.offsetWidth || 0;\n    this.pinEndWidth = this.pinEndViewportEl?.offsetWidth || 0;\n    this.headerHeight = this.headerEl?.clientHeight || 0;\n    if (this.verticalScrollEl) {\n      const maxScrollTop = this.verticalScrollEl.scrollHeight - this.verticalScrollEl.clientHeight;\n      this.hasVerticalScrollSpace = maxScrollTop > PinShadowPlugin.VERTICAL_SCROLL_THRESHOLD;\n    } else {\n      this.hasVerticalScrollSpace = false;\n    }\n  }\n\n  private clearShadowState() {\n    this.cacheStaticElements();\n    if (this.viewportsContainerEl) {\n      this.viewportsContainerEl.classList.remove('pin-start-shadow');\n      this.viewportsContainerEl.classList.remove('pin-end-shadow');\n      this.viewportsContainerEl.style.removeProperty('--pin-start-shadow-offset');\n      this.viewportsContainerEl.style.removeProperty('--pin-end-shadow-offset');\n    }\n\n    this.revogrid.classList.remove('header-shadow');\n    this.revogrid.style.removeProperty('--header-shadow-offset');\n    this.pinStartShadowApplied = false;\n    this.pinEndShadowApplied = false;\n    this.headerShadowApplied = false;\n    this.pinStartShadowOffset = '';\n    this.pinEndShadowOffset = '';\n    this.headerShadowOffset = '';\n    this.lastPinShadowSnapshot = null;\n    this.lastCoverageCheckAt = 0;\n  }\n\n  private bindViewportDomListeners() {\n    const nextMainViewport = this.revogrid.querySelector(\n      'revogr-viewport-scroll.rgCol',\n    ) as HTMLElement | null;\n\n    const nextVerticalScroll = this.revogrid.querySelector(\n      'revogr-viewport-scroll.rgCol .vertical-inner',\n    ) as HTMLElement | null;\n\n    if (this.mainViewportEl !== nextMainViewport) {\n      this.mainViewportEl?.removeEventListener('scroll', this.onMainViewportScroll);\n      this.mainViewportEl = nextMainViewport;\n      this.mainViewportEl?.addEventListener('scroll', this.onMainViewportScroll, { passive: true });\n      this.lastMainScrollLeft = this.mainViewportEl?.scrollLeft || 0;\n    }\n\n    if (this.verticalScrollEl !== nextVerticalScroll) {\n      this.verticalScrollEl?.removeEventListener('scroll', this.onVerticalViewportScroll);\n      this.verticalScrollEl = nextVerticalScroll;\n      this.verticalScrollEl?.addEventListener('scroll', this.onVerticalViewportScroll, { passive: true });\n    }\n\n    this.cacheStaticElements(true);\n    this.refreshStaticMetrics();\n  }\n\n  private ensureViewportBindings() {\n    const needViewportRebind =\n      !this.mainViewportEl ||\n      !this.mainViewportEl.isConnected ||\n      !this.verticalScrollEl ||\n      !this.verticalScrollEl.isConnected;\n\n    if (needViewportRebind) {\n      this.bindViewportDomListeners();\n      return;\n    }\n\n    const needStaticRefresh =\n      !this.viewportsContainerEl ||\n      !this.viewportsContainerEl.isConnected ||\n      (this.pinStartViewportEl !== null && !this.pinStartViewportEl.isConnected) ||\n      (this.pinEndViewportEl !== null && !this.pinEndViewportEl.isConnected) ||\n      (this.headerEl !== null && !this.headerEl.isConnected);\n\n    if (needStaticRefresh) {\n      this.cacheStaticElements(true);\n      this.refreshStaticMetrics();\n    }\n  }\n\n  private schedulePinShadowSync() {\n    if (this.pinShadowSyncFrameId !== null) {\n      return;\n    }\n\n    this.pinShadowSyncFrameCount = 0;\n    const tick = () => {\n      this.pinShadowSyncFrameId = null;\n\n      if (this.isResizing) {\n        return;\n      }\n\n      this.ensureViewportBindings();\n      this.updatePinShadow();\n\n      this.pinShadowSyncFrameCount += 1;\n      if (this.pinShadowSyncFrameCount < PinShadowPlugin.SHADOW_SYNC_FRAMES) {\n        this.pinShadowSyncFrameId = requestAnimationFrame(tick);\n      }\n    };\n\n    this.pinShadowSyncFrameId = requestAnimationFrame(tick);\n  }\n\n  private shouldSyncHeaderShadow(scrollTop: number): boolean {\n    const shouldShowHeaderShadow = this.hasVerticalScrollSpace && scrollTop > 0;\n    return shouldShowHeaderShadow !== this.headerShadowApplied;\n  }\n\n  private scheduleDomSync(horizontal = false, vertical = false) {\n    if (this.isResizing) {\n      return;\n    }\n\n    // 没有任何待同步内容时不进入 RAF，避免滚动中无效的 DOM 绑定/查询\n    if (!horizontal && !vertical) {\n      return;\n    }\n\n    if (horizontal) {\n      this.pendingHorizontalSync = true;\n    }\n    if (vertical) {\n      this.pendingVerticalSync = true;\n    }\n\n    if (this.syncFrameId !== null) {\n      return;\n    }\n\n    this.syncFrameId = requestAnimationFrame(() => {\n      this.syncFrameId = null;\n\n      this.ensureViewportBindings();\n\n      if (this.pendingHorizontalSync) {\n        this.updatePinShadow();\n      }\n      if (this.pendingVerticalSync) {\n        this.updateHeaderShadow(this.scrollTop);\n      }\n\n      this.pendingHorizontalSync = false;\n      this.pendingVerticalSync = false;\n    });\n  }\n\n  /**\n   * 处理 resize 事件，使用防抖避免频繁更新\n   */\n  private onResize() {\n    // 进入 resize 状态：拖拽过程中保持当前阴影显隐状态，\n    // 仅同步偏移，避免 class 被清空后反复加回造成闪烁。\n    if (!this.isResizing) {\n      this.isResizing = true;\n    }\n\n    this.syncShadowOffsetsDuringResize();\n    \n    // 清除之前的定时器\n    if (this.resizeDebounceTimer) {\n      clearTimeout(this.resizeDebounceTimer);\n    }\n    \n    // 设置新的定时器，只有在 200ms 内没有新的调用时才执行\n    this.resizeDebounceTimer = setTimeout(() => {\n      this.resizeDebounceTimer = null;\n      this.isResizing = false;\n      \n      // resize 稳定后，重新获取滚动位置并更新阴影\n      requestAnimationFrame(() => {\n        this.bindViewportDomListeners();\n        this.refreshVerticalScrollPosition();\n        this.updatePinShadow(true);\n        this.updateHeaderShadow(this.scrollTop);\n      });\n    }, PinShadowPlugin.RESIZE_DEBOUNCE_DELAY);\n  }\n\n  /**\n   * resize 进行中同步阴影偏移，不切换显隐状态，避免头部/冻结列阴影闪烁\n   */\n  private syncShadowOffsetsDuringResize() {\n    this.cacheStaticElements();\n    this.refreshStaticMetrics();\n    this.setPinStartShadow(this.pinStartShadowApplied);\n    this.setPinEndShadow(this.pinEndShadowApplied);\n    this.setHeaderShadow(this.headerShadowApplied);\n  }\n\n  /**\n   * 从 DOM 中重新获取当前的垂直滚动位置（仅用于初始化/重布局后的兜底）\n   */\n  private refreshVerticalScrollPosition() {\n    if (this.verticalScrollEl) {\n      this.scrollTop = this.verticalScrollEl.scrollTop || 0;\n    }\n  }\n\n  private onScroll(e: ViewPortScrollEvent) {\n    if (this.isResizing) {\n      return;\n    }\n\n    // 处理水平滚动\n    if (e.dimension === 'rgCol') {\n      if (e.coordinate === this.lastMainScrollLeft) {\n        return;\n      }\n      this.lastMainScrollLeft = e.coordinate;\n      this.scheduleDomSync(true, false);\n    }\n\n    // 处理垂直滚动\n    if (e.dimension === 'rgRow') {\n      this.scrollTop = e.coordinate;\n      if (this.shouldSyncHeaderShadow(this.scrollTop)) {\n        this.scheduleDomSync(false, true);\n      }\n    }\n  }\n\n  private setPinStartShadow(active: boolean) {\n    if (!this.viewportsContainerEl) {\n      return;\n    }\n    if (active) {\n      const offset = `${this.pinStartWidth}px`;\n      if (this.pinStartShadowOffset !== offset) {\n        this.pinStartShadowOffset = offset;\n        this.viewportsContainerEl.style.setProperty('--pin-start-shadow-offset', offset);\n      }\n    }\n    if (this.pinStartShadowApplied !== active) {\n      this.pinStartShadowApplied = active;\n      this.viewportsContainerEl.classList.toggle('pin-start-shadow', active);\n    }\n  }\n\n  private setPinEndShadow(active: boolean) {\n    if (!this.viewportsContainerEl) {\n      return;\n    }\n    if (active) {\n      const offset = `-${this.pinEndWidth}px`;\n      if (this.pinEndShadowOffset !== offset) {\n        this.pinEndShadowOffset = offset;\n        this.viewportsContainerEl.style.setProperty('--pin-end-shadow-offset', offset);\n      }\n    }\n    if (this.pinEndShadowApplied !== active) {\n      this.pinEndShadowApplied = active;\n      this.viewportsContainerEl.classList.toggle('pin-end-shadow', active);\n    }\n  }\n\n  private setHeaderShadow(active: boolean) {\n    if (active) {\n      const offset = `${this.headerHeight}px`;\n      if (this.headerShadowOffset !== offset) {\n        this.headerShadowOffset = offset;\n        this.revogrid.style.setProperty('--header-shadow-offset', offset);\n      }\n    }\n    if (this.headerShadowApplied !== active) {\n      this.headerShadowApplied = active;\n      this.revogrid.classList.toggle('header-shadow', active);\n    }\n  }\n\n  private updatePinShadow(force = false) {\n    // 滚动阈值：小于此值认为没有实际滚动空间（忽略边框、padding 等微小差异）\n    const SCROLL_THRESHOLD = 10;\n    const START_THRESHOLD = 2;\n\n    if (this.isResizing) {\n      return;\n    }\n\n    this.cacheStaticElements();\n\n    if (!this.viewportsContainerEl || !this.mainViewportEl) {\n      this.setPinStartShadow(false);\n      this.setPinEndShadow(false);\n      return;\n    }\n\n    const mainViewport = this.mainViewportEl as HTMLRevogrViewportScrollElement;\n    const effectiveScrollLeft = mainViewport.scrollLeft || 0;\n    const contentWidth = mainViewport.contentWidth || 0;\n    const clientWidth = mainViewport.clientWidth || 0;\n    this.maxScrollLeft = Math.max(0, contentWidth - clientWidth);\n\n    const normalizedScrollLeft = Math.max(0, Math.min(this.maxScrollLeft, effectiveScrollLeft));\n    this.lastMainScrollLeft = normalizedScrollLeft;\n\n    const snapshot = this.lastPinShadowSnapshot;\n    if (\n      !force &&\n      snapshot &&\n      snapshot.scrollLeft === normalizedScrollLeft &&\n      snapshot.maxScrollLeft === this.maxScrollLeft &&\n      snapshot.pinStartWidth === this.pinStartWidth &&\n      snapshot.pinEndWidth === this.pinEndWidth\n    ) {\n      return;\n    }\n    this.lastPinShadowSnapshot = {\n      scrollLeft: normalizedScrollLeft,\n      maxScrollLeft: this.maxScrollLeft,\n      pinStartWidth: this.pinStartWidth,\n      pinEndWidth: this.pinEndWidth,\n    };\n\n    const nowPerf = performance.now();\n    const shouldCheckCoverage =\n      force ||\n      this.lastCoverageCheckAt === 0 ||\n      nowPerf - this.lastCoverageCheckAt >= PinShadowPlugin.COVERAGE_CHECK_INTERVAL;\n    if (shouldCheckCoverage) {\n      this.lastCoverageCheckAt = nowPerf;\n      const viewportStore = this.providers.viewport?.stores?.rgCol;\n      const viewportItems = viewportStore?.store.get('items') || [];\n      const viewportStart = viewportStore?.store.get('start') ?? 0;\n      const viewportEnd = viewportStore?.store.get('end') ?? 0;\n      const firstViewportItem = viewportItems[viewportStart] || viewportItems[0];\n      const lastViewportItem =\n        viewportItems[viewportEnd] || viewportItems[viewportItems.length - 1];\n\n      const coverageStart = firstViewportItem?.start ?? 0;\n      const coverageEnd = lastViewportItem?.end ?? 0;\n      const hasCoverage = viewportItems.length > 0 && coverageEnd >= coverageStart;\n\n      const outOfCoverage =\n        !hasCoverage ||\n        normalizedScrollLeft < coverageStart - 8 ||\n        normalizedScrollLeft > coverageEnd + 8;\n\n      if (outOfCoverage) {\n        const now = Date.now();\n        if (now - this.lastViewportRecoveryAt > PinShadowPlugin.VIEWPORT_RECOVERY_COOLDOWN) {\n          this.lastViewportRecoveryAt = now;\n          this.providers.dimension.setViewPortCoordinate({\n            type: 'rgCol',\n            coordinate: normalizedScrollLeft,\n            force: true,\n          });\n          this.schedulePinShadowSync();\n        }\n      }\n    }\n\n    const hasScrollSpace = this.maxScrollLeft > SCROLL_THRESHOLD;\n    const showPinStart = hasScrollSpace && normalizedScrollLeft > START_THRESHOLD && this.pinStartWidth > 0;\n    const showPinEnd =\n      hasScrollSpace &&\n      normalizedScrollLeft < this.maxScrollLeft - 1 &&\n      this.pinEndWidth > 0;\n\n    this.setPinStartShadow(showPinStart);\n    this.setPinEndShadow(showPinEnd);\n  }\n\n  private updateHeaderShadow(scrollTop: number) {\n    const shouldShowHeaderShadow = this.hasVerticalScrollSpace && scrollTop > 0;\n    this.setHeaderShadow(shouldShowHeaderShadow);\n  }\n\n  destroy() {\n    this.clearShadowState();\n\n    // 清理定时器\n    if (this.resizeDebounceTimer) {\n      clearTimeout(this.resizeDebounceTimer);\n      this.resizeDebounceTimer = null;\n    }\n    if (this.syncFrameId !== null) {\n      cancelAnimationFrame(this.syncFrameId);\n      this.syncFrameId = null;\n    }\n    if (this.pinShadowSyncFrameId !== null) {\n      cancelAnimationFrame(this.pinShadowSyncFrameId);\n      this.pinShadowSyncFrameId = null;\n    }\n    this.pendingHorizontalSync = false;\n    this.pendingVerticalSync = false;\n    this.mainViewportEl?.removeEventListener('scroll', this.onMainViewportScroll);\n    this.verticalScrollEl?.removeEventListener('scroll', this.onVerticalViewportScroll);\n    this.mainViewportEl = null;\n    this.verticalScrollEl = null;\n    this.viewportsContainerEl = null;\n    this.pinStartViewportEl = null;\n    this.pinEndViewportEl = null;\n    this.headerEl = null;\n    this.lastPinShadowSnapshot = null;\n    this.lastCoverageCheckAt = 0;\n    super.destroy();\n  }\n}\n"]}