balala-revogrid 1.0.0

package/dist/cjs/revogr-data_4.cjs.entry.js

@@ -0,0 +1,1420 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var index = require('./index-BF1c1pO3.js');
+var headerCellRenderer = require('./header-cell-renderer-D-RjAVfe.js');
+var dimension_helpers = require('./dimension.helpers-DA9-xqPT.js');
+var rowRenderer = require('./row-renderer-BTE7VKD9.js');
+var cellRenderer = require('./cell-renderer-B87qecTb.js');
+var throttle = require('./throttle-2ZxfGjEI.js');
+var viewport_helpers = require('./viewport.helpers-BAovztDd.js');
+require('./debounce-CcpHiH2p.js');
+require('./filter.button-DSsWNs23.js');
+
+/**
+ * Class is responsible for highlighting rows in a table.
+ */
+class RowHighlightPlugin {
+    constructor() {
+        this.currentRange = null;
+    }
+    selectionChange(e, renderedRows) {
+        // clear previous range
+        if (this.currentRange) {
+            renderedRows.forEach((row, y) => {
+                var _a;
+                // skip current range
+                if (e && y >= e.y && y <= e.y1) {
+                    return;
+                }
+                // clear previous range
+                if (row &&
+                    row.$elm$ instanceof HTMLElement &&
+                    row.$elm$.classList.contains(dimension_helpers.ROW_FOCUSED_CLASS)) {
+                    row.$elm$.classList.remove(dimension_helpers.ROW_FOCUSED_CLASS);
+                    if ((_a = row.$attrs$) === null || _a === void 0 ? void 0 : _a.class.includes(dimension_helpers.ROW_FOCUSED_CLASS)) {
+                        row.$attrs$.class = row.$attrs$.class.replace(dimension_helpers.ROW_FOCUSED_CLASS, '');
+                    }
+                }
+            });
+        }
+        // apply new range
+        if (e) {
+            for (let y = e.y; y <= e.y1; y++) {
+                const row = renderedRows.get(y);
+                if (row &&
+                    row.$elm$ instanceof HTMLElement &&
+                    !row.$elm$.classList.contains(dimension_helpers.ROW_FOCUSED_CLASS)) {
+                    const attrs = (row.$attrs$ = row.$attrs$ || {});
+                    attrs.class = (attrs.class || '') + ' ' + dimension_helpers.ROW_FOCUSED_CLASS;
+                    row.$elm$.classList.add(dimension_helpers.ROW_FOCUSED_CLASS);
+                }
+            }
+        }
+        this.currentRange = e;
+    }
+    isRowFocused(y) {
+        return (this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1);
+    }
+}
+
+/**
+ * Converts a VNode element into an HTML element and appends it to the specified parentHolder.
+ */
+function convertVNodeToHTML(parentHolder, redraw) {
+    return new Promise(resolve => {
+        const vnode = document.createElement('vnode-html');
+        parentHolder.appendChild(vnode);
+        vnode.redraw = redraw;
+        vnode.addEventListener('html', e => {
+            vnode.remove();
+            resolve(e.detail);
+        });
+    });
+}
+
+const revogrDataStyleCss = ".revo-drag-icon{width:11px;opacity:0.8}.revo-drag-icon::before{content:\"::\";display:inline-block}.revo-alt-icon{-webkit-mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 384 383' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M192.4375,383 C197.424479,383 201.663411,381.254557 205.154297,377.763672 L205.154297,377.763672 L264.25,318.667969 C270.234375,312.683594 271.605794,306.075846 268.364258,298.844727 C265.122721,291.613607 259.51237,287.998047 251.533203,287.998047 L251.533203,287.998047 L213.382812,287.998047 L213.382812,212.445312 L288.935547,212.445312 L288.935547,250.595703 C288.935547,258.57487 292.551107,264.185221 299.782227,267.426758 C307.013346,270.668294 313.621094,269.296875 319.605469,263.3125 L319.605469,263.3125 L378.701172,204.216797 C382.192057,200.725911 383.9375,196.486979 383.9375,191.5 C383.9375,186.513021 382.192057,182.274089 378.701172,178.783203 L378.701172,178.783203 L319.605469,119.6875 C313.621094,114.201823 307.013346,112.955078 299.782227,115.947266 C292.551107,118.939453 288.935547,124.42513 288.935547,132.404297 L288.935547,132.404297 L288.935547,170.554688 L213.382812,170.554688 L213.382812,95.0019531 L251.533203,95.0019531 C259.51237,95.0019531 264.998047,91.3863932 267.990234,84.1552734 C270.982422,76.9241536 269.735677,70.3164062 264.25,64.3320312 L264.25,64.3320312 L205.154297,5.23632812 C201.663411,1.74544271 197.424479,0 192.4375,0 C187.450521,0 183.211589,1.74544271 179.720703,5.23632812 L179.720703,5.23632812 L120.625,64.3320312 C114.640625,70.3164062 113.269206,76.9241536 116.510742,84.1552734 C119.752279,91.3863932 125.36263,95.0019531 133.341797,95.0019531 L133.341797,95.0019531 L171.492188,95.0019531 L171.492188,170.554688 L95.9394531,170.554688 L95.9394531,132.404297 C95.9394531,124.42513 92.3238932,118.814779 85.0927734,115.573242 C77.8616536,112.331706 71.2539062,113.703125 65.2695312,119.6875 L65.2695312,119.6875 L6.17382812,178.783203 C2.68294271,182.274089 0.9375,186.513021 0.9375,191.5 C0.9375,196.486979 2.68294271,200.725911 6.17382812,204.216797 L6.17382812,204.216797 L65.2695312,263.3125 C71.2539062,268.798177 77.8616536,270.044922 85.0927734,267.052734 C92.3238932,264.060547 95.9394531,258.57487 95.9394531,250.595703 L95.9394531,250.595703 L95.9394531,212.445312 L171.492188,212.445312 L171.492188,287.998047 L133.341797,287.998047 C125.36263,287.998047 119.876953,291.613607 116.884766,298.844727 C113.892578,306.075846 115.139323,312.683594 120.625,318.667969 L120.625,318.667969 L179.720703,377.763672 C183.211589,381.254557 187.450521,383 192.4375,383 Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");width:11px;height:11px;background-size:cover;background-repeat:no-repeat}.arrow-down{position:absolute;right:5px;top:0}.arrow-down svg{width:8px;margin-top:5px;margin-left:5px;opacity:0.4}.cell-value-wrapper{margin-right:10px;overflow:hidden;text-overflow:ellipsis}revogr-data{display:block;width:100%;position:relative}revogr-data .rgRow{position:absolute;width:100%;left:0}revogr-data .revo-draggable{border:none;height:32px;display:inline-flex;outline:0;padding:0;font-size:0.8125rem;box-sizing:border-box;align-items:center;white-space:nowrap;vertical-align:middle;justify-content:center;text-decoration:none;width:24px;height:100%;cursor:pointer;display:inline-flex;user-select:none}revogr-data .revo-draggable:hover>.revo-drag-icon{opacity:1;zoom:1.2;font-weight:600}revogr-data .revo-draggable>.revo-drag-icon{pointer-events:none;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}revogr-data .rgCell{top:0;left:0;position:absolute;box-sizing:border-box;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;user-select:text}revogr-data .rgCell.align-center{text-align:center}revogr-data .rgCell.align-left{text-align:left}revogr-data .rgCell.align-right{text-align:right}";
+
+const RevogrData = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.beforerowrender = index.createEvent(this, "beforerowrender", 7);
+        this.afterrender = index.createEvent(this, "afterrender", 7);
+        this.beforeCellRender = index.createEvent(this, "beforecellrender", 7);
+        this.beforeDataRender = index.createEvent(this, "beforedatarender", 7);
+        this.dragStartCell = index.createEvent(this, "dragstartcell", 7);
+        /**
+         * Prevent rendering until job is done.
+         * Can be used for initial rendering performance improvement.
+         * When several plugins require initial rendering this will prevent double initial rendering.
+         */
+        this.jobsBeforeRender = [];
+        /**
+         * Rendered rows - virtual index vs vnode
+         */
+        this.renderedRows = new Map();
+        this.lastMismatchKey = null;
+        this.lastStableRows = [];
+        this.lastStableCols = [];
+        this.lastStableColumns = [];
+        this.lastRenderStateKey = null;
+    }
+    /**
+     * Pointed cell update.
+     */
+    async updateCell(e) {
+        var _a, _b, _c;
+        // Stencil tweak to update cell content
+        const cell = (_b = (_a = this.renderedRows.get(e.row)) === null || _a === void 0 ? void 0 : _a.$children$) === null || _b === void 0 ? void 0 : _b[e.col];
+        if ((_c = cell === null || cell === void 0 ? void 0 : cell.$attrs$) === null || _c === void 0 ? void 0 : _c.redraw) {
+            const children = await convertVNodeToHTML(this.element, cell.$attrs$.redraw);
+            cell.$elm$.innerHTML = children.html;
+            cell.$key$ = Math.random();
+        }
+    }
+    onDataStoreChange() {
+        this.onStoreChange();
+    }
+    onColDataChange() {
+        this.onStoreChange();
+    }
+    onStoreChange() {
+        var _a, _b;
+        (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.columnService = new headerCellRenderer.ColumnService(this.dataStore, this.colData);
+        // make sure we have correct data, before render
+        this.providers = {
+            type: this.type,
+            colType: this.colType,
+            readonly: this.readonly,
+            data: this.dataStore,
+            columns: this.colData,
+            viewport: this.viewportCol,
+            dimension: this.dimensionRow,
+            selection: this.rowSelectionStore,
+        };
+        (_b = this.rangeUnsubscribe) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.rangeUnsubscribe = this.rowSelectionStore.onChange('range', (e) => this.rowHighlightPlugin.selectionChange(e, this.renderedRows));
+    }
+    connectedCallback() {
+        this.rowHighlightPlugin = new RowHighlightPlugin();
+        this.onStoreChange();
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.rangeUnsubscribe) === null || _b === void 0 ? void 0 : _b.call(this);
+    }
+    async componentWillRender() {
+        var _a;
+        this.beforeDataRender.emit({
+            rowType: this.type,
+            colType: this.colType,
+        });
+        const grid = (_a = this.element) === null || _a === void 0 ? void 0 : _a.closest('revo-grid');
+        const waitForColumnsUpdate = () => {
+            if (!grid)
+                return null;
+            if (!grid.hasAttribute('data-columns-updating'))
+                return null;
+            // console.log('[data] wait columns update', {
+            //   colType: this.colType,
+            //   time: performance.now(),
+            // });
+            return new Promise(resolve => {
+                grid.addEventListener('columnsupdateend', () => {
+                    // console.log('[data] columns update end', {
+                    //   colType: this.colType,
+                    //   time: performance.now(),
+                    // });
+                    resolve();
+                }, { once: true });
+            });
+        };
+        const waitForDataUpdate = () => {
+            if (!grid)
+                return null;
+            if (!grid.hasAttribute('data-rows-updating'))
+                return null;
+            // console.log('[data] wait rows update', {
+            //   colType: this.colType,
+            //   time: performance.now(),
+            // });
+            return new Promise(resolve => {
+                grid.addEventListener('dataupdateend', () => {
+                    // console.log('[data] rows update end', {
+                    //   colType: this.colType,
+                    //   time: performance.now(),
+                    // });
+                    resolve();
+                }, { once: true });
+            });
+        };
+        const pending = [waitForColumnsUpdate(), waitForDataUpdate(), ...this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p)].filter(Boolean);
+        return Promise.all(pending);
+    }
+    componentDidRender() {
+        this.afterrender.emit({ type: this.type, colType: this.colType });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.renderedRows = new Map();
+        // always start from live columns, override only when fallback is needed
+        this.columnService.setOverrideColumns(null);
+        const colVersion = (_a = this.colData) === null || _a === void 0 ? void 0 : _a.get('version');
+        const viewportVersion = (_b = this.viewportCol) === null || _b === void 0 ? void 0 : _b.get('version');
+        const isSynced = colVersion === undefined ||
+            viewportVersion === undefined ||
+            colVersion === viewportVersion;
+        const columnsData = this.columnService.columns;
+        const rows = this.viewportRow.get('items');
+        const cols = this.viewportCol.get('items');
+        const hasInvalidColIndex = cols.some(col => !columnsData[col.itemIndex]);
+        if (hasInvalidColIndex) {
+            const colSource = ((_c = this.colData) === null || _c === void 0 ? void 0 : _c.get('source')) || [];
+            const colItems = ((_d = this.colData) === null || _d === void 0 ? void 0 : _d.get('items')) || [];
+            const missingIndexes = cols
+                .filter(col => !columnsData[col.itemIndex])
+                .map(col => col.itemIndex);
+            const mismatchKey = JSON.stringify({
+                colType: this.colType,
+                missing: missingIndexes.slice(0, 10),
+                cols: cols.length,
+                columnsData: columnsData.length,
+                colItems: colItems.length,
+                colSource: colSource.length,
+            });
+            if (mismatchKey !== this.lastMismatchKey) {
+                this.lastMismatchKey = mismatchKey;
+                console.warn('[data] column index mismatch', {
+                    colType: this.colType,
+                    type: this.type,
+                    missingIndexes: missingIndexes.slice(0, 10),
+                    colsLength: cols.length,
+                    columnsDataLength: columnsData.length,
+                    colItemsLength: colItems.length,
+                    colSourceLength: colSource.length,
+                    colItemsHead: colItems.slice(0, 10),
+                    colPropsHead: columnsData
+                        .slice(0, 10)
+                        .map(col => col === null || col === void 0 ? void 0 : col.prop),
+                    viewportItemsHead: cols.slice(0, 10).map(col => col.itemIndex),
+                });
+            }
+        }
+        const hasColumns = columnsData.length > 0;
+        const hasCols = cols.length > 0;
+        const isEmptyColumns = !hasColumns && !hasCols;
+        const gridElement = (_e = this.element) === null || _e === void 0 ? void 0 : _e.closest('revo-grid');
+        const isUpdating = !!(gridElement === null || gridElement === void 0 ? void 0 : gridElement.hasAttribute('data-columns-updating')) ||
+            !!(gridElement === null || gridElement === void 0 ? void 0 : gridElement.hasAttribute('data-rows-updating'));
+        // 主区域在更新中不允许空列，避免取消冻结时主视口短暂清空导致闪烁
+        const allowEmptyColumns = this.colType !== 'rgCol' || !isUpdating;
+        const canUseCurrent = isSynced &&
+            rows.length > 0 &&
+            ((hasColumns && hasCols) || (isEmptyColumns && allowEmptyColumns)) &&
+            !hasInvalidColIndex;
+        const usingFallback = !canUseCurrent;
+        if (this.colType === 'rgCol' && this.type === 'rgRow' && (isUpdating || usingFallback || hasInvalidColIndex)) {
+            const renderStateKey = JSON.stringify({
+                isUpdating,
+                isSynced,
+                colVersion,
+                viewportVersion,
+                rows: rows.length,
+                cols: cols.length,
+                columns: columnsData.length,
+                hasInvalidColIndex,
+                usingFallback,
+                rowRealCount: this.viewportRow.get('realCount'),
+                rowVirtualSize: this.viewportRow.get('virtualSize'),
+                rowClientSize: this.viewportRow.get('clientSize'),
+            });
+            if (renderStateKey !== this.lastRenderStateKey) {
+                this.lastRenderStateKey = renderStateKey;
+                // console.log('[data] render state', {
+                //   colType: this.colType,
+                //   rowType: this.type,
+                //   isUpdating,
+                //   isSynced,
+                //   colVersion,
+                //   viewportVersion,
+                //   rowsLength: rows.length,
+                //   colsLength: cols.length,
+                //   columnsLength: columnsData.length,
+                //   hasInvalidColIndex,
+                //   usingFallback,
+                //   rowRealCount: this.viewportRow.get('realCount'),
+                //   rowVirtualSize: this.viewportRow.get('virtualSize'),
+                //   rowClientSize: this.viewportRow.get('clientSize'),
+                // });
+            }
+        }
+        const activeColumns = canUseCurrent ? columnsData : this.lastStableColumns;
+        const activeRows = canUseCurrent ? rows : this.lastStableRows;
+        const activeCols = canUseCurrent ? cols : this.lastStableCols;
+        if (canUseCurrent) {
+            this.lastStableColumns = [...columnsData];
+            this.lastStableRows = [...rows];
+            this.lastStableCols = [...cols];
+        }
+        if (!canUseCurrent && activeColumns.length) {
+            this.columnService.setOverrideColumns(activeColumns);
+        }
+        if (!activeColumns.length || !activeRows.length || !activeCols.length) {
+            return;
+        }
+        const rowsEls = [];
+        for (let rgRow of activeRows) {
+            const dataItem = dimension_helpers.getSourceItem(this.dataStore, rgRow.itemIndex);
+            // #region Grouping
+            // Render empty grouping rows (for borders) - content is in the overlay
+            if (headerCellRenderer.isGrouping(dataItem)) {
+                const emptyRow = (index.h(rowRenderer.RowRenderer, { index: rgRow.itemIndex, rowClass: "groupingRow", size: rgRow.size, start: rgRow.start }));
+                this.beforerowrender.emit({
+                    node: emptyRow,
+                    item: rgRow,
+                    model: dataItem,
+                    colType: this.columnService.type,
+                    rowType: this.type,
+                });
+                rowsEls.push(emptyRow);
+                this.renderedRows.set(rgRow.itemIndex, emptyRow);
+                continue;
+            }
+            // #endregion
+            const cells = [];
+            // #region Cells
+            // 判断是否需要给最后一列添加类名
+            const lastColIndex = activeCols.length > 0 ? activeCols[activeCols.length - 1].itemIndex : -1;
+            // 使用传入的 hasColPinEnd prop，如果没有传入则默认为 false
+            const hasColPinEnd = (_f = this.hasColPinEnd) !== null && _f !== void 0 ? _f : false;
+            const hasRgCol = (_g = this.hasRgCol) !== null && _g !== void 0 ? _g : false;
+            for (let rgCol of activeCols) {
+                const smodel = Object.assign(Object.assign({}, this.columnService.rowDataModel(rgRow.itemIndex, rgCol.itemIndex)), { providers: this.providers });
+                // call before cell render
+                const cellEvent = this.triggerBeforeCellRender(smodel, rgRow, rgCol);
+                // if event was prevented
+                if (cellEvent.defaultPrevented) {
+                    continue;
+                }
+                const { detail: { column: columnProps, row: rowProps, model: schemaModel }, } = cellEvent;
+                const defaultProps = {
+                    [dimension_helpers.DATA_COL]: columnProps.itemIndex,
+                    [dimension_helpers.DATA_ROW]: rowProps.itemIndex,
+                    style: {
+                        width: `${columnProps.size}px`,
+                        transform: `translateX(${columnProps.start}px)`,
+                        height: rowProps.size ? `${rowProps.size}px` : undefined,
+                    },
+                };
+                // 判断是否是最后一列并添加类名
+                const isLastColumn = rgCol.itemIndex === lastColIndex;
+                if (isLastColumn) {
+                    // 只在以下情况添加类名：
+                    // 1. 有右侧冻结列时，只给 colPinEnd 类型的最后一列加
+                    // 2. 没有右侧冻结列但有主区域时，只给 rgCol 类型的最后一列加
+                    // 3. 没有右侧冻结列也没有主区域时（全左冻结），给 colPinStart 类型的最后一列加
+                    const shouldAddClass = (hasColPinEnd && this.colType === 'colPinEnd') ||
+                        (!hasColPinEnd && hasRgCol && this.colType === 'rgCol') ||
+                        (!hasColPinEnd && !hasRgCol && this.colType === 'colPinStart');
+                    if (shouldAddClass) {
+                        defaultProps.class = { 'last-column': true };
+                    }
+                }
+                const props = this.columnService.mergeProperties(rowProps.itemIndex, columnProps.itemIndex, defaultProps, schemaModel);
+                // Never use webcomponent for cell render
+                // It's very slow because of webcomponent initialization takes time
+                const cellNode = index.h(cellRenderer.CellRenderer, { renderProps: {
+                        schemaModel,
+                        additionalData: this.additionalData,
+                        dragStartCell: this.dragStartCell,
+                    }, cellProps: props });
+                cells.push(cellNode);
+            }
+            // #endregion
+            // #region Rows
+            let rowClass = this.rowClass
+                ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)
+                : '';
+            if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {
+                rowClass += ` ${dimension_helpers.ROW_FOCUSED_CLASS}`;
+            }
+            const row = (index.h(rowRenderer.RowRenderer, { index: rgRow.itemIndex, rowClass: rowClass, size: rgRow.size, start: rgRow.start }, cells));
+            this.beforerowrender.emit({
+                node: row,
+                item: rgRow,
+                model: dataItem,
+                colType: this.columnService.type,
+                rowType: this.type,
+            });
+            rowsEls.push(row);
+            this.renderedRows.set(rgRow.itemIndex, row);
+            // #endregion
+        }
+        const hostAttrs = {};
+        if (this.uniqueId !== undefined) {
+            hostAttrs['data-unique-id'] = this.uniqueId;
+        }
+        const renderVNode = (index.h(index.Host, Object.assign({}, hostAttrs), index.h("slot", null), rowsEls));
+        return renderVNode;
+    }
+    triggerBeforeCellRender(model, row, column) {
+        const detail = {
+            column,
+            row,
+            model,
+            rowType: model.type,
+            colType: model.colType,
+        };
+        return this.beforeCellRender.emit(detail);
+    }
+    get element() { return index.getElement(this); }
+    static get watchers() { return {
+        "dataStore": ["onDataStoreChange"],
+        "colData": ["onColDataChange"]
+    }; }
+};
+RevogrData.style = revogrDataStyleCss;
+
+const revogrHeaderStyleCss = "@charset \"UTF-8\";revogr-header{position:relative;z-index:5;display:block}revogr-header .header-rgRow{display:block;position:relative}revogr-header .header-rgRow.group{z-index:0}revogr-header .group-rgRow{position:relative;overflow:visible}revogr-header .group-rgRow .rgHeaderCell.merged-header{z-index:5;top:0;align-items:center}revogr-header .rgHeaderCell{position:absolute;box-sizing:border-box;height:100%;z-index:1;display:flex;user-select:text}revogr-header .rgHeaderCell:has(.resizable-r:hover),revogr-header .rgHeaderCell:has(.resizable-l:hover){z-index:92}revogr-header .rgHeaderCell.group-header{text-align:center}revogr-header .rgHeaderCell.align-center{text-align:center}revogr-header .rgHeaderCell.align-left{text-align:left}revogr-header .rgHeaderCell.align-right{text-align:right}revogr-header .rgHeaderCell.sortable{cursor:pointer}revogr-header .rgHeaderCell i.asc:after,revogr-header .rgHeaderCell i.desc:after{font-size:13px}revogr-header .rgHeaderCell i.asc:after{content:\"↑\"}revogr-header .rgHeaderCell i.desc:after{content:\"↓\"}revogr-header .rgHeaderCell.active{z-index:10}revogr-header .rgHeaderCell.active .resizable{background-color:deepskyblue}revogr-header .rgHeaderCell .header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}revogr-header .rgHeaderCell .resizable{display:block;position:absolute;z-index:90;touch-action:none;user-select:none}revogr-header .rgHeaderCell .resizable:not(.resizable-r):not(.resizable-l):hover{background-color:deepskyblue}revogr-header .rgHeaderCell>.resizable-r{cursor:col-resize;width:14px;right:-7px;top:0;height:100%;background-color:transparent !important}revogr-header .rgHeaderCell>.resizable-r::after{content:\"\";position:absolute;left:50%;transform:translateX(-50%);top:0;width:2px;min-width:2px;max-width:2px;height:100%;background-color:transparent;z-index:100}revogr-header .rgHeaderCell>.resizable-rb{cursor:se-resize;width:6px;height:6px;right:0;bottom:0}revogr-header .rgHeaderCell>.resizable-b{cursor:s-resize;height:6px;bottom:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-lb{cursor:sw-resize;width:6px;height:6px;left:0;bottom:0}revogr-header .rgHeaderCell>.resizable-l{cursor:col-resize;width:14px;left:-7px;height:100%;top:0;background-color:transparent !important}revogr-header .rgHeaderCell>.resizable-l::after{content:\"\";position:absolute;left:50%;transform:translateX(-50%);top:0;width:2px;height:100%;background-color:transparent;z-index:100}revogr-header .rgHeaderCell>.resizable-lt{cursor:nw-resize;width:6px;height:6px;left:0;top:0}revogr-header .rgHeaderCell>.resizable-t{cursor:n-resize;height:6px;top:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-rt{cursor:ne-resize;width:6px;height:6px;right:0;top:0}revogr-header .rv-filter{visibility:hidden}";
+
+const RevogrHeaderComponent = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.initialHeaderClick = index.createEvent(this, "beforeheaderclick", 7);
+        this.headerresize = index.createEvent(this, "headerresize", 7);
+        this.beforeResize = index.createEvent(this, "beforeheaderresize", 7);
+        this.headerdblClick = index.createEvent(this, "headerdblclick", 7);
+        this.beforeHeaderRender = index.createEvent(this, "beforeheaderrender", 7);
+        this.beforeGroupHeaderRender = index.createEvent(this, "beforegroupheaderrender", 7);
+        this.afterHeaderRender = index.createEvent(this, "afterheaderrender", 7);
+        /**
+         * Grouping depth, how many levels of grouping
+         */
+        this.groupingDepth = 0;
+        /**
+         * Extra properties to pass into header renderer, such as vue or react components to handle parent
+         */
+        this.additionalData = {};
+    }
+    onResize({ width }, index) {
+        const col = this.colData[index];
+        const event = this.beforeResize.emit([
+            Object.assign(Object.assign({}, col), { size: width || undefined }),
+        ]);
+        if (event.defaultPrevented) {
+            return;
+        }
+        this.headerresize.emit({ [index]: width || 0 });
+    }
+    onResizeGroup(changedX, startIndex, endIndex) {
+        var _a;
+        const sizes = {};
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        const items = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const cols = throttle.keyBy(items, 'itemIndex');
+        const change = changedX / (endIndex - startIndex + 1);
+        for (let i = startIndex; i <= endIndex; i++) {
+            const item = cols[i];
+            if (item) {
+                sizes[i] = item.size + change;
+            }
+        }
+        this.headerresize.emit(sizes);
+    }
+    componentDidRender() {
+        this.afterHeaderRender.emit(this.providers);
+    }
+    /**
+     * 处理表头区域的滚轮事件
+     * 阻止滚轮事件冒泡，避免表头抖动
+     */
+    onHeaderWheel(e) {
+        // 获取视口滚动组件
+        const viewportScroll = this.element.closest('revogr-viewport-scroll');
+        if (!viewportScroll) {
+            return;
+        }
+        // 检查是否有滚动空间
+        const scrollWidth = viewportScroll.scrollWidth || 0;
+        const clientWidth = viewportScroll.clientWidth || 0;
+        const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);
+        const SCROLL_THRESHOLD = 10;
+        // 判断是否为水平滚动（包含 Shift + 滚轮）
+        const absX = Math.abs(e.deltaX);
+        const absY = Math.abs(e.deltaY);
+        const isHorizontalScroll = (absX > absY && absX > 0) || (e.shiftKey && absY > 0);
+        // 如果是水平滚动且没有滚动空间，阻止默认行为和冒泡
+        if (isHorizontalScroll && maxScrollLeft <= SCROLL_THRESHOLD) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        // 如果有滚动空间，阻止冒泡但允许事件传递给父容器处理
+        if (isHorizontalScroll) {
+            e.stopPropagation();
+            // 派发自定义事件让父容器处理
+            const customEvent = new CustomEvent('mousewheel-horizontal', {
+                bubbles: true,
+                detail: {
+                    deltaX: e.deltaX,
+                    deltaY: e.deltaY,
+                    shiftKey: e.shiftKey,
+                    preventDefault: () => e.preventDefault(),
+                },
+            });
+            this.element.dispatchEvent(customEvent);
+        }
+    }
+    /**
+     * 获取多行表头的每行高度
+     * 从 CSS 变量 --rg-header-row-height 读取并除以2
+     */
+    getMultiHeaderRowHeight() {
+        if (!this.groupingDepth) {
+            return undefined;
+        }
+        // 从 CSS 变量读取默认表头高度
+        const computedStyle = getComputedStyle(this.element);
+        const cssHeight = computedStyle.getPropertyValue('--rg-header-row-height').trim();
+        if (cssHeight) {
+            const heightValue = parseFloat(cssHeight);
+            if (!isNaN(heightValue)) {
+                return heightValue / 2;
+            }
+        }
+        return undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        // 这样可以让父组件控制渲染时机，实现同步渲染
+        const cols = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const range = (_b = this.selectionRange) !== null && _b !== void 0 ? _b : (_c = this.selectionStore) === null || _c === void 0 ? void 0 : _c.get('range');
+        // 调试：打印数据源信息
+        if (this.type !== 'rowHeaders') {
+            const firstCol = cols[0];
+            const lastCol = cols[cols.length - 1];
+            console.log(`[${this.type}] render:`, {
+                colsCount: cols.length,
+                colDataCount: (_d = this.colData) === null || _d === void 0 ? void 0 : _d.length,
+                usingProp: !!this.viewportItems,
+                firstColIndex: firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex,
+                firstColProp: (_f = (_e = this.colData) === null || _e === void 0 ? void 0 : _e[firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex]) === null || _f === void 0 ? void 0 : _f.prop,
+                firstColName: (_h = (_g = this.colData) === null || _g === void 0 ? void 0 : _g[firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex]) === null || _h === void 0 ? void 0 : _h.name,
+                lastColIndex: lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex,
+                lastColProp: (_k = (_j = this.colData) === null || _j === void 0 ? void 0 : _j[lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex]) === null || _k === void 0 ? void 0 : _k.prop,
+                lastColName: (_m = (_l = this.colData) === null || _l === void 0 ? void 0 : _l[lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex]) === null || _m === void 0 ? void 0 : _m.name,
+                allColProps: (_o = this.colData) === null || _o === void 0 ? void 0 : _o.map(c => c === null || c === void 0 ? void 0 : c.prop).join(', '),
+            });
+        }
+        // 获取分组列的索引集合
+        const groupedIndexes = this.getGroupedColumnIndexes();
+        const { groupedCells, ungroupedCells } = this.renderHeaderColumns(cols, range, groupedIndexes);
+        const groupRow = this.renderGroupingColumns();
+        // 当有分组但 viewport 数据还没准备好时，隐藏表头避免闪烁
+        const isLoading = this.groupingDepth > 0 && cols.length === 0;
+        const hostStyle = isLoading ? { visibility: 'hidden' } : undefined;
+        // 计算多行表头的每行样式（只在有分组时应用）
+        const multiRowHeight = this.getMultiHeaderRowHeight();
+        const rowStyle = multiRowHeight !== undefined
+            ? { height: `${multiRowHeight}px`, lineHeight: `${multiRowHeight}px` }
+            : undefined;
+        return (index.h(index.Host, { key: '12001e0621e034daf3d30b0a78895366bc0be2cd', style: hostStyle, onWheel: (e) => this.onHeaderWheel(e) }, index.h("div", { key: '11f6a1b4da11bb82c9c73e2e523a2b20a14e60ec', class: "group-rgRow", style: rowStyle }, groupRow, ungroupedCells), index.h("div", { key: '2084403786fa65615590088765e232e99c331ae0', class: `${dimension_helpers.HEADER_ROW_CLASS} ${dimension_helpers.HEADER_ACTUAL_ROW_CLASS}`, style: rowStyle }, groupedCells)));
+    }
+    /**
+     * 获取属于分组的列索引集合
+     */
+    getGroupedColumnIndexes() {
+        const groupedIndexes = new Set();
+        if (this.groupingDepth > 0 && this.groups) {
+            for (let i = 0; i < this.groupingDepth; i++) {
+                if (this.groups[i]) {
+                    for (const group of this.groups[i]) {
+                        for (const idx of group.indexes) {
+                            groupedIndexes.add(idx);
+                        }
+                    }
+                }
+            }
+        }
+        return groupedIndexes;
+    }
+    renderHeaderColumns(cols, range, groupedIndexes) {
+        var _a, _b;
+        const groupedCells = []; // 分组列的子列，放在 actual-rgRow
+        const ungroupedCells = []; // 非分组列，放在 group-rgRow
+        // 判断是否需要给最后一列添加类名
+        const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;
+        const hasColPinEnd = (_a = this.hasColPinEnd) !== null && _a !== void 0 ? _a : false;
+        const hasRgCol = (_b = this.hasRgCol) !== null && _b !== void 0 ? _b : false;
+        for (let i = 0; i < cols.length; i++) {
+            const rgCol = cols[i];
+            const colData = this.colData[rgCol.itemIndex];
+            const isGrouped = this.groupingDepth > 0 && groupedIndexes.has(rgCol.itemIndex);
+            // 支持列级别的 resizable 配置，默认跟随全局 canResize
+            const columnCanResize = (colData === null || colData === void 0 ? void 0 : colData.resizable) !== false && this.canResize;
+            // 统一使用右侧拖拽线，让拖拽行为一致（往右拖=变宽，往左拖=变窄）
+            const active = this.resizeHandler || ['r'];
+            // 判断是否是最后一列
+            const isLastColumn = rgCol.itemIndex === lastColIndex;
+            const shouldAddLastColumnClass = isLastColumn && ((hasColPinEnd && this.type === 'colPinEnd') ||
+                (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||
+                (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart'));
+            const props = {
+                range,
+                column: rgCol,
+                data: Object.assign(Object.assign({}, colData), { index: rgCol.itemIndex, providers: this.providers }),
+                canFilter: !!this.columnFilter,
+                canResize: columnCanResize,
+                active,
+                additionalData: this.additionalData,
+                onResize: e => this.onResize(e, rgCol.itemIndex),
+                onDblClick: e => this.headerdblClick.emit(e),
+                onClick: e => this.initialHeaderClick.emit(e),
+                // 传递合并信息
+                merged: this.groupingDepth > 0 && !isGrouped,
+                groupingDepth: this.groupingDepth,
+                // 传递是否属于编组
+                isGrouped: isGrouped,
+                // 传递是否是最后一列
+                isLastColumn: shouldAddLastColumnClass,
+            };
+            const event = this.beforeHeaderRender.emit(props);
+            if (!event.defaultPrevented) {
+                // 为每个 HeaderRenderer 添加基于列 prop 和区域类型的稳定 key
+                // key 必须包含区域类型（this.type），这样当列在不同区域之间移动时
+                // Stencil 会正确地销毁旧组件并创建新组件，而不是错误地复用
+                const columnKey = (colData === null || colData === void 0 ? void 0 : colData.prop)
+                    ? `header-${this.type}-${colData.prop}`
+                    : `header-${this.type}-idx-${rgCol.itemIndex}`;
+                if (isGrouped) {
+                    // 分组列的子列，放在 actual-rgRow
+                    groupedCells.push(index.h(throttle.HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+                else if (this.groupingDepth > 0) {
+                    // 非分组列且有分组存在，放在 group-rgRow（跨两行）
+                    ungroupedCells.push(index.h(throttle.HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+                else {
+                    // 没有分组，所有列都放在 actual-rgRow
+                    groupedCells.push(index.h(throttle.HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+            }
+        }
+        return { groupedCells, ungroupedCells };
+    }
+    renderGroupingColumns() {
+        var _a, _b, _c, _d, _e, _f;
+        const groupRow = [];
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        const cols = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;
+        const hasColPinEnd = (_b = this.hasColPinEnd) !== null && _b !== void 0 ? _b : false;
+        const hasRgCol = (_c = this.hasRgCol) !== null && _c !== void 0 ? _c : false;
+        // 优先使用 dimensionState prop，如果没有则从 Observable 读取
+        const dimensionState = (_d = this.dimensionState) !== null && _d !== void 0 ? _d : this.dimensionCol.state;
+        for (let i = 0; i < this.groupingDepth; i++) {
+            if (this.groups[i]) {
+                for (let group of this.groups[i]) {
+                    const groupStartIndex = (_e = group.indexes[0]) !== null && _e !== void 0 ? _e : -1;
+                    if (groupStartIndex > -1) {
+                        const groupEndIndex = groupStartIndex + group.indexes.length - 1;
+                        const groupStart = dimension_helpers.getItemByIndex(dimensionState, groupStartIndex).start;
+                        const groupEnd = dimension_helpers.getItemByIndex(dimensionState, groupEndIndex).end;
+                        // 判断编组是否包含最后一列
+                        const groupContainsLastColumn = groupEndIndex === lastColIndex;
+                        const shouldAddLastColumnClass = groupContainsLastColumn && ((hasColPinEnd && this.type === 'colPinEnd') ||
+                            (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||
+                            (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart'));
+                        const props = {
+                            providers: this.providers,
+                            start: groupStart,
+                            end: groupEnd,
+                            group,
+                            active: this.resizeHandler,
+                            canResize: false, // 编组头不允许调整宽度
+                            additionalData: this.additionalData,
+                            onResize: e => {
+                                var _a;
+                                return this.onResizeGroup((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex);
+                            },
+                            isLastColumn: shouldAddLastColumnClass,
+                        };
+                        const event = this.beforeGroupHeaderRender.emit(props);
+                        if (!event.defaultPrevented) {
+                            // 为 GroupHeaderRenderer 添加稳定的 key
+                            // 使用编组的第一个索引作为 key 的一部分
+                            const firstIndex = (_f = group.indexes[0]) !== null && _f !== void 0 ? _f : groupStartIndex;
+                            const groupKey = `group-header-${this.type}-${i}-${firstIndex}`;
+                            groupRow.push(index.h(throttle.HeaderGroupRenderer, Object.assign({ key: groupKey }, event.detail)));
+                        }
+                    }
+                }
+            }
+            const multiRowHeight = this.getMultiHeaderRowHeight();
+            const groupDivStyle = multiRowHeight !== undefined
+                ? { height: `${multiRowHeight}px` }
+                : undefined;
+            groupRow.push(index.h("div", { class: `${dimension_helpers.HEADER_ROW_CLASS} group`, style: groupDivStyle }));
+        }
+        return groupRow;
+    }
+    get providers() {
+        return {
+            type: this.type,
+            readonly: this.readonly,
+            data: this.colData,
+            viewport: this.viewportCol,
+            dimension: this.dimensionCol,
+            selection: this.selectionStore,
+        };
+    }
+    get element() { return index.getElement(this); }
+};
+RevogrHeaderComponent.style = revogrHeaderStyleCss;
+
+class GridResizeService {
+    constructor(el, resize, elements) {
+        this.resize = resize;
+        this.resizeObserver = null;
+        this.previousSize = {
+            width: 0,
+            height: 0,
+        };
+        this.apply = throttle.throttle((e) => {
+            var _a;
+            const entry = {
+                width: e.width,
+                height: e.height,
+            };
+            (_a = this.resize) === null || _a === void 0 ? void 0 : _a.call(this, entry, this.previousSize);
+            this.previousSize = entry;
+        }, 40, {
+            leading: false,
+            trailing: true,
+        });
+        const extras = [];
+        elements.forEach((element) => {
+            if (element) {
+                extras.push(element);
+            }
+        });
+        this.init(el, extras);
+    }
+    init(el, extras = []) {
+        const observer = this.resizeObserver = new ResizeObserver((e) => {
+            if (e.length) {
+                if (e[0].target === el) {
+                    this.apply(e[0].contentRect);
+                }
+                else {
+                    this.apply(el.getBoundingClientRect());
+                }
+            }
+        });
+        observer.observe(el);
+        extras.forEach((extra) => {
+            observer.observe(extra);
+        });
+    }
+    destroy() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = null;
+    }
+}
+
+const revogrViewportScrollStyleCss = ".rowHeaders{z-index:2;font-size:10px;display:flex;height:100%}.rowHeaders revogr-data .rgCell{text-align:center}.rowHeaders .rgCell{padding:0 1em !important;min-width:100%}revogr-viewport-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;position:relative;z-index:1;height:100%}revogr-viewport-scroll::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll.colPinStart,revogr-viewport-scroll.colPinEnd{z-index:2;overflow:visible}revogr-viewport-scroll.colPinStart:has(.resizable-r:hover),revogr-viewport-scroll.colPinStart:has(.resizable-l:hover),revogr-viewport-scroll.colPinEnd:has(.resizable-r:hover),revogr-viewport-scroll.colPinEnd:has(.resizable-l:hover){z-index:93}revogr-viewport-scroll.colPinEnd:has(.active){overflow:visible}revogr-viewport-scroll .content-wrapper{overflow:hidden}revogr-viewport-scroll .inner-content-table{display:flex;flex-direction:column;max-height:100%;width:100%;min-width:100%;position:relative;z-index:0}revogr-viewport-scroll .vertical-inner{overflow-y:auto;position:relative;width:100%;flex-grow:1;outline:none;-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll .vertical-inner::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll .vertical-inner revogr-data,revogr-viewport-scroll .vertical-inner revogr-overlay-selection{height:100%}";
+
+const RevogrViewportScroll = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.scrollViewport = index.createEvent(this, "scrollviewport", 7);
+        this.resizeViewport = index.createEvent(this, "resizeviewport", 7);
+        this.scrollchange = index.createEvent(this, "scrollchange", 7);
+        this.silentScroll = index.createEvent(this, "scrollviewportsilent", 7);
+        /**
+         * Width of inner content
+         */
+        this.contentWidth = 0;
+        this.lastHorizontalScrollLeft = RevogrViewportScroll.UNKNOWN_SCROLL_COORDINATE;
+        this.lastVerticalScrollTop = RevogrViewportScroll.UNKNOWN_SCROLL_COORDINATE;
+        /**
+         * Height of inner content
+         */
+        this.contentHeight = 0;
+        this.setVerticalScrollRef = (el) => {
+            if (this.verticalScroll !== el) {
+                this.verticalScroll = el;
+                this.lastVerticalScrollTop = RevogrViewportScroll.UNKNOWN_SCROLL_COORDINATE;
+            }
+        };
+        // 用于防抖的定时器
+        this.scrollVisibilityTimer = null;
+        // 待处理的滚动可见性更新
+        this.pendingScrollVisibility = new Map();
+    }
+    isLayoutUpdating() {
+        var _a;
+        const grid = (_a = this.horizontalScroll) === null || _a === void 0 ? void 0 : _a.closest('revo-grid');
+        return !!(grid === null || grid === void 0 ? void 0 : grid.hasAttribute('data-columns-updating'));
+    }
+    syncHorizontalScrollCacheFromDom() {
+        var _a, _b;
+        const value = (_b = (_a = this.horizontalScroll) === null || _a === void 0 ? void 0 : _a.scrollLeft) !== null && _b !== void 0 ? _b : 0;
+        this.lastHorizontalScrollLeft = value;
+        return value;
+    }
+    syncVerticalScrollCacheFromDom() {
+        var _a, _b;
+        const value = (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
+        this.lastVerticalScrollTop = value;
+        return value;
+    }
+    getKnownHorizontalScrollLeft() {
+        return Number.isNaN(this.lastHorizontalScrollLeft)
+            ? this.syncHorizontalScrollCacheFromDom()
+            : this.lastHorizontalScrollLeft;
+    }
+    getKnownVerticalScrollTop() {
+        return Number.isNaN(this.lastVerticalScrollTop)
+            ? this.syncVerticalScrollCacheFromDom()
+            : this.lastVerticalScrollTop;
+    }
+    setHorizontalScrollIfNeeded(next) {
+        if (!this.horizontalScroll) {
+            return false;
+        }
+        const current = this.getKnownHorizontalScrollLeft();
+        if (Math.abs(current - next) < RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+            return false;
+        }
+        this.horizontalScroll.scrollLeft = next;
+        this.lastHorizontalScrollLeft = next;
+        return true;
+    }
+    setVerticalScrollIfNeeded(next) {
+        if (!this.verticalScroll) {
+            return false;
+        }
+        const current = this.getKnownVerticalScrollTop();
+        if (Math.abs(current - next) < RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+            return false;
+        }
+        this.verticalScroll.scrollTop = next;
+        this.lastVerticalScrollTop = next;
+        return true;
+    }
+    /**
+     * 监听 contentWidth 变化，在渲染前调整滚动位置
+     * 这样可以避免空白闪烁
+     */
+    contentWidthChanged(newValue, oldValue) {
+        // 宽度变化时都需要检查和调整滚动位置
+        if (this.horizontalScroll && newValue !== oldValue) {
+            // 使用 requestAnimationFrame 确保在 DOM 更新后执行
+            requestAnimationFrame(() => {
+                var _a;
+                if (!this.horizontalScroll)
+                    return;
+                if (this.isLayoutUpdating()) {
+                    return;
+                }
+                const clientWidth = this.horizontalScroll.clientWidth;
+                const maxScrollLeft = Math.max(0, newValue - clientWidth);
+                const currentScrollLeft = this.syncHorizontalScrollCacheFromDom();
+                // 如果当前滚动位置超过最大可滚动位置，调整到最大位置
+                if (currentScrollLeft > maxScrollLeft && maxScrollLeft >= 0) {
+                    this.setHorizontalScrollIfNeeded(maxScrollLeft);
+                    if (this.colType === 'rgCol') {
+                        (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(maxScrollLeft, 'rgCol', true);
+                    }
+                }
+            });
+        }
+    }
+    /**
+     * 监听内容高度变化，处理折叠后滚动条超出导致的空白闪烁
+     */
+    contentHeightChanged(newValue, oldValue) {
+        var _a;
+        if (!this.verticalScroll || newValue === oldValue) {
+            return;
+        }
+        if (newValue >= oldValue) {
+            return;
+        }
+        // 在高度变小时，当前 scrollTop 可能超过最大值，需回退到可滚范围
+        const previousScrollTop = this.syncVerticalScrollCacheFromDom();
+        const clientHeight = this.verticalScroll.clientHeight;
+        const maxScrollTop = Math.max(0, newValue - clientHeight);
+        const nextScrollTop = Math.min(previousScrollTop, maxScrollTop);
+        const didAdjust = nextScrollTop !== previousScrollTop;
+        if (didAdjust) {
+            this.setVerticalScrollIfNeeded(nextScrollTop);
+        }
+        // 仅主视口在实际发生校正时广播垂直坐标，避免固定列/空视口把 scrollTop 错误回写为 0
+        if (didAdjust && this.colType === 'rgCol') {
+            (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(nextScrollTop, 'rgRow', true);
+        }
+    }
+    /**
+     * 保证当前垂直滚动位置不超过内容高度
+     * 用于内容高度变化后的一致性校正（例如树形折叠导致行数骤减）
+     */
+    normalizeVerticalScrollPosition() {
+        var _a;
+        if (!this.verticalScroll)
+            return;
+        const clientHeight = this.verticalScroll.clientHeight;
+        const maxScrollTop = Math.max(0, this.contentHeight - clientHeight);
+        const currentScrollTop = this.syncVerticalScrollCacheFromDom();
+        if (currentScrollTop > maxScrollTop) {
+            this.setVerticalScrollIfNeeded(maxScrollTop);
+            // 仅主视口广播，避免非主视口坐标污染
+            if (this.colType === 'rgCol') {
+                (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(maxScrollTop, 'rgRow', true);
+            }
+        }
+    }
+    async setScroll(e) {
+        var _a, _b;
+        this.localScrollTimer.latestScrollUpdate(e.dimension);
+        const coordinate = e.coordinate;
+        // 目标坐标已一致时，跳过本地滚动服务，避免进入无效的 RAF + scrollTop 回写链路
+        if (typeof coordinate === 'number') {
+            if (e.dimension === 'rgCol') {
+                if (Math.abs(this.getKnownHorizontalScrollLeft() - coordinate) <
+                    RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+                    return;
+                }
+            }
+            else if (e.dimension === 'rgRow') {
+                const shouldKeepTransformReset = !!((_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.style.transform);
+                if (!shouldKeepTransformReset &&
+                    Math.abs(this.getKnownVerticalScrollTop() - coordinate) <
+                        RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+                    return;
+                }
+            }
+        }
+        (_b = this.localScrollService) === null || _b === void 0 ? void 0 : _b.setScroll(e);
+    }
+    /**
+     * update on delta in case we don't know existing position or external change
+     * @param e
+     */
+    async changeScroll(e, silent = false) {
+        var _a, _b, _c, _d;
+        if (silent) {
+            if (e.coordinate && this.verticalScroll) {
+                switch (e.dimension) {
+                    // for mobile devices to skip negative scroll loop. only on vertical scroll
+                    case 'rgRow':
+                        this.verticalScroll.style.transform = `translateY(${ -1 * e.coordinate}px)`;
+                        break;
+                }
+            }
+            return;
+        }
+        if (e.delta) {
+            // 滚动阈值：小于此值认为没有实际滚动空间
+            const SCROLL_THRESHOLD = 10;
+            // 检查是否有滚动空间
+            if (e.dimension === 'rgCol') {
+                const maxScrollLeft = Math.max(0, this.contentWidth - this.horizontalScroll.clientWidth);
+                // 如果没有滚动空间，不处理滚动
+                if (maxScrollLeft <= SCROLL_THRESHOLD) {
+                    e.coordinate = 0;
+                    return e;
+                }
+                e.coordinate = this.horizontalScroll.scrollLeft + e.delta;
+            }
+            else if (e.dimension === 'rgRow') {
+                const maxScrollTop = Math.max(0, this.contentHeight - ((_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0));
+                // 如果没有滚动空间，不处理滚动
+                if (maxScrollTop <= SCROLL_THRESHOLD) {
+                    e.coordinate = 0;
+                    return e;
+                }
+                e.coordinate = ((_d = (_c = this.verticalScroll) === null || _c === void 0 ? void 0 : _c.scrollTop) !== null && _d !== void 0 ? _d : 0) + e.delta;
+            }
+            this.setScroll(e);
+        }
+        return e;
+    }
+    /**
+     * Dispatch this event to trigger vertical mouse wheel from plugins
+     */
+    mousewheelVertical({ detail: e, }) {
+        this.verticalMouseWheel(e);
+    }
+    /**
+     * Dispatch this event to trigger horizontal mouse wheel from plugins
+     */
+    mousewheelHorizontal({ detail: e, }) {
+        this.horizontalMouseWheel(e);
+    }
+    /**
+     * Allows to use outside listener
+     */
+    scrollApply({ detail: { type, coordinate }, }) {
+        this.applyOnScroll(type, coordinate, true);
+    }
+    connectedCallback() {
+        /**
+         * Bind scroll functions for farther usage
+         */
+        // allow mousewheel for all devices including mobile
+        this.verticalMouseWheel = this.onVerticalMouseWheel.bind(this, 'rgRow', 'deltaY');
+        this.horizontalMouseWheel = this.onHorizontalMouseWheel.bind(this, 'rgCol');
+        this.localScrollTimer = new throttle.LocalScrollTimer('ontouchstart' in document.documentElement ? 0 : 10);
+        /**
+         * Create local scroll service
+         */
+        this.localScrollService = new throttle.LocalScrollService({
+            // to improve safari smoothnes on scroll
+            skipAnimationFrame: cellRenderer.isSafariDesktop(),
+            runScroll: e => this.scrollViewport.emit(e),
+            applyScroll: e => {
+                this.localScrollTimer.setCoordinate(e);
+                switch (e.dimension) {
+                    case 'rgCol':
+                        // this will trigger on scroll event
+                        this.setHorizontalScrollIfNeeded(e.coordinate);
+                        break;
+                    case 'rgRow':
+                        if (this.verticalScroll) {
+                            // this will trigger on scroll event
+                            this.setVerticalScrollIfNeeded(e.coordinate);
+                            // for mobile devices to skip negative scroll loop. only on vertical scroll
+                            if (this.verticalScroll.style.transform) {
+                                this.verticalScroll.style.transform = '';
+                            }
+                        }
+                        break;
+                }
+            },
+        });
+    }
+    componentDidLoad() {
+        // track viewport resize
+        this.resizeService = new GridResizeService(this.horizontalScroll, (entry) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const els = {};
+            let calculatedHeight = entry.height || 0;
+            if (calculatedHeight) {
+                calculatedHeight -=
+                    ((_b = (_a = this.header) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0) +
+                        ((_d = (_c = this.footer) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0);
+            }
+            els.rgRow = {
+                size: calculatedHeight,
+                contentSize: this.contentHeight,
+                scroll: (_f = (_e = this.verticalScroll) === null || _e === void 0 ? void 0 : _e.scrollTop) !== null && _f !== void 0 ? _f : 0,
+                noScroll: false,
+            };
+            const calculatedWidth = entry.width || 0;
+            els.rgCol = {
+                size: calculatedWidth,
+                contentSize: this.contentWidth,
+                scroll: this.horizontalScroll.scrollLeft,
+                noScroll: this.colType !== 'rgCol',
+            };
+            // Process changes in order: width first, then height
+            const dimensions = ['rgCol', 'rgRow'];
+            for (const dimension of dimensions) {
+                const item = els[dimension];
+                if (!item)
+                    continue;
+                this.resizeViewport.emit({
+                    dimension,
+                    size: item.size,
+                    rowHeader: this.rowHeader,
+                });
+                if (item.noScroll) {
+                    continue;
+                }
+                if (dimension === 'rgCol' || this.colType === 'rgCol') {
+                    (_g = this.localScrollService) === null || _g === void 0 ? void 0 : _g.scroll((_h = item.scroll) !== null && _h !== void 0 ? _h : 0, dimension, true);
+                }
+                // track scroll visibility on outer element change
+                this.setScrollVisibility(dimension, item.size, item.contentSize);
+            }
+        }, [this.footer, this.header]);
+    }
+    /**
+     * Check if scroll present or not per type
+     * Trigger this method on inner content size change or on outer element size change
+     * If inner content bigger then outer size then scroll is present and mousewheel binding required
+     * @param type - dimension type 'rgRow/y' or 'rgCol/x'
+     * @param size - outer content size
+     * @param innerContentSize - inner content size
+     */
+    setScrollVisibility(type, size, innerContentSize) {
+        // 保存待处理的更新
+        this.pendingScrollVisibility.set(type, { size, contentSize: innerContentSize });
+        // 清除之前的定时器
+        if (this.scrollVisibilityTimer) {
+            clearTimeout(this.scrollVisibilityTimer);
+        }
+        // 延迟执行，等待所有更新稳定
+        this.scrollVisibilityTimer = setTimeout(() => {
+            this.scrollVisibilityTimer = null;
+            this.applyScrollVisibility();
+        }, RevogrViewportScroll.SCROLL_VISIBILITY_DELAY);
+    }
+    /**
+     * 实际应用滚动可见性更新
+     */
+    applyScrollVisibility() {
+        var _a, _b, _c, _d, _e, _f;
+        // 滚动阈值：小于此值认为没有实际滚动空间
+        const SCROLL_THRESHOLD = 10;
+        // 重新获取最新的尺寸值，而不是使用之前保存的值
+        const rgColData = {
+            size: this.horizontalScroll.clientWidth,
+            contentSize: this.contentWidth,
+        };
+        const rgRowData = {
+            size: (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0,
+            contentSize: this.contentHeight,
+        };
+        // 处理水平滚动
+        const rgColDiff = rgColData.contentSize - rgColData.size;
+        const hasHorizontalScroll = rgColDiff > SCROLL_THRESHOLD;
+        if (hasHorizontalScroll) {
+            (_c = this.horizontalScroll) === null || _c === void 0 ? void 0 : _c.classList.add('scroll-rgCol');
+        }
+        else {
+            (_d = this.horizontalScroll) === null || _d === void 0 ? void 0 : _d.classList.remove('scroll-rgCol');
+        }
+        this.scrollchange.emit({ type: 'rgCol', hasScroll: hasHorizontalScroll });
+        // 处理垂直滚动
+        const rgRowDiff = rgRowData.contentSize - rgRowData.size;
+        const hasVerticalScroll = rgRowDiff > SCROLL_THRESHOLD;
+        if (hasVerticalScroll) {
+            (_e = this.verticalScroll) === null || _e === void 0 ? void 0 : _e.classList.add('scroll-rgRow');
+        }
+        else {
+            (_f = this.verticalScroll) === null || _f === void 0 ? void 0 : _f.classList.remove('scroll-rgRow');
+        }
+        this.scrollchange.emit({ type: 'rgRow', hasScroll: hasVerticalScroll });
+        this.pendingScrollVisibility.clear();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeService) === null || _a === void 0 ? void 0 : _a.destroy();
+        if (this.scrollVisibilityTimer) {
+            clearTimeout(this.scrollVisibilityTimer);
+        }
+    }
+    async componentDidRender() {
+        var _a, _b, _c, _d;
+        this.localScrollService.setParams({
+            contentSize: this.contentHeight,
+            clientSize: (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0,
+            virtualSize: 0,
+        }, 'rgRow');
+        this.localScrollService.setParams({
+            contentSize: this.contentWidth,
+            clientSize: this.horizontalScroll.clientWidth,
+            virtualSize: 0,
+        }, 'rgCol');
+        // 检查并调整水平滚动位置，避免内容宽度变化后出现空白
+        this.adjustScrollPosition();
+        // 使用防抖的 setScrollVisibility，避免 resize 过程中的闪烁
+        this.setScrollVisibility('rgRow', (_d = (_c = this.verticalScroll) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0, this.contentHeight);
+        this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
+        // 统一在渲染后再校正一次垂直滚动位置，避免高度骤降时的空白闪烁
+        this.normalizeVerticalScrollPosition();
+    }
+    /**
+     * 调整滚动位置，确保不会超出内容边界
+     * 当内容宽度变化（如列宽调整）后，如果当前滚动位置超过最大可滚动位置，需要调整
+     */
+    adjustScrollPosition() {
+        var _a, _b;
+        if (!this.horizontalScroll)
+            return;
+        if (this.isLayoutUpdating()) {
+            return;
+        }
+        const clientWidth = this.horizontalScroll.clientWidth;
+        const maxScrollLeft = Math.max(0, this.contentWidth - clientWidth);
+        const currentScrollLeft = this.syncHorizontalScrollCacheFromDom();
+        // 滚动阈值：小于此值认为没有实际滚动空间
+        const SCROLL_THRESHOLD = 10;
+        // 如果没有滚动空间，确保滚动位置为0
+        if (maxScrollLeft <= SCROLL_THRESHOLD) {
+            if (currentScrollLeft > 0) {
+                this.setHorizontalScrollIfNeeded(0);
+                if (this.colType === 'rgCol') {
+                    (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(0, 'rgCol', true);
+                }
+            }
+            return;
+        }
+        // 如果当前滚动位置超过最大可滚动位置，调整到最大位置
+        if (currentScrollLeft > maxScrollLeft) {
+            this.setHorizontalScrollIfNeeded(maxScrollLeft);
+            if (this.colType === 'rgCol') {
+                (_b = this.localScrollService) === null || _b === void 0 ? void 0 : _b.scroll(maxScrollLeft, 'rgCol', true);
+            }
+        }
+    }
+    /**
+     * Prevent space key from scrolling the viewport
+     */
+    onKeyDown(e) {
+        if (e.code === 'Space') {
+            e.preventDefault();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '41ec47ece0eb1435281917856b3d22e258558ae8', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e), onKeyDown: (e) => this.onKeyDown(e) }, index.h("div", { key: 'ec49cdf9206ac64b31b1f7d6f0960b8e8ab831db', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, index.h("div", { key: '0dd1aa5e6a4f2b347a0d851f5f45782d0ca56b0b', class: "header-wrapper", ref: e => (this.header = e) }, index.h("slot", { key: 'f3a9f2f4c2607014ce908f940bdc67ecc7e5e93b', name: viewport_helpers.HEADER_SLOT })), index.h("div", { key: '3ff9e141bc2524ed859580d1ef10ad5c37ad70b3', class: "vertical-inner", ref: this.setVerticalScrollRef, onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e), onKeyDown: (e) => this.onKeyDown(e) }, index.h("div", { key: '8fb922c1be861574713af4494a543ed0cbc48681', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, index.h("slot", { key: 'bbd7ed2ee26584e67ca101a1fe341d6a9e4ab670', name: viewport_helpers.CONTENT_SLOT }))), index.h("div", { key: '917dfc764edd4cc51b3d0bdda926afa5d1335268', class: "footer-wrapper", ref: e => (this.footer = e) }, index.h("slot", { key: '3173f6c8ec90e220024ebead9a721f1291f93df9', name: viewport_helpers.FOOTER_SLOT })))));
+    }
+    /**
+     * Extra layer for scroll event monitoring, where MouseWheel event is not passing
+     * We need to trigger scroll event in case there is no mousewheel event
+     */
+    async applyScroll(type, e) {
+        var _a, _b, _c;
+        if (!(e.target instanceof HTMLElement)) {
+            return;
+        }
+        let scroll = 0;
+        switch (type) {
+            case 'rgCol':
+                scroll = e.target.scrollLeft;
+                this.lastHorizontalScrollLeft = scroll;
+                break;
+            case 'rgRow':
+                scroll = e.target.scrollTop;
+                this.lastVerticalScrollTop = scroll;
+                break;
+        }
+        // for mobile devices to skip negative scroll loop
+        if (scroll < 0) {
+            this.silentScroll.emit({ dimension: type, coordinate: scroll });
+            return;
+        }
+        if (type === 'rgCol' && this.colType !== 'rgCol') {
+            return;
+        }
+        if (type === 'rgRow' && this.colType !== 'rgCol') {
+            return;
+        }
+        if (this.isLayoutUpdating()) {
+            return;
+        }
+        // 滚动阈值：小于此值认为没有实际滚动空间
+        const SCROLL_THRESHOLD = 10;
+        // 检查是否有滚动空间
+        if (type === 'rgCol') {
+            const maxScrollLeft = Math.max(0, this.contentWidth - this.horizontalScroll.clientWidth);
+            // 如果没有滚动空间，重置滚动位置并返回
+            if (maxScrollLeft <= SCROLL_THRESHOLD) {
+                if (scroll > 0) {
+                    if (Math.abs(e.target.scrollLeft) >= RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+                        e.target.scrollLeft = 0;
+                        this.lastHorizontalScrollLeft = 0;
+                    }
+                }
+                return;
+            }
+            // 限制滚动位置不超过最大值（防止过度滚动导致空白）
+            if (scroll > maxScrollLeft) {
+                if (Math.abs(e.target.scrollLeft - maxScrollLeft) >= RevogrViewportScroll.SCROLL_WRITE_EPSILON) {
+                    e.target.scrollLeft = maxScrollLeft;
+                    this.lastHorizontalScrollLeft = maxScrollLeft;
+                }
+                scroll = maxScrollLeft;
+            }
+        }
+        else if (type === 'rgRow') {
+            const maxScrollTop = Math.max(0, this.contentHeight - ((_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0));
+            // 如果没有滚动空间，重置滚动位置并返回
+            if (maxScrollTop <= SCROLL_THRESHOLD) {
+                if (scroll > 0 && this.verticalScroll) {
+                    this.setVerticalScrollIfNeeded(0);
+                }
+                return;
+            }
+            // 限制滚动位置不超过最大值（防止过度滚动导致空白）
+            if (scroll > maxScrollTop) {
+                this.setVerticalScrollIfNeeded(maxScrollTop);
+                scroll = maxScrollTop;
+            }
+        }
+        // 水平滚动在 Shift + 滚轮快速往返场景下更容易出现节流导致的坐标滞后，
+        // 这里直接同步一次，避免 viewport 坐标与 DOM scrollLeft 不一致造成空白。
+        if (type === 'rgCol') {
+            (_c = this.localScrollService) === null || _c === void 0 ? void 0 : _c.scroll(scroll, type);
+            return;
+        }
+        this.applyOnScroll(type, scroll);
+    }
+    /**
+     * Applies change on scroll event only if mousewheel event happened some time ago
+     */
+    applyOnScroll(type, coordinate, outside = false) {
+        const lastScrollUpdate = () => {
+            var _a;
+            (_a = this.localScrollService) === null || _a === void 0 ? void 0 : _a.scroll(coordinate, type, undefined, undefined, outside);
+        };
+        // apply after throttling
+        if (this.localScrollTimer.isReady(type, coordinate)) {
+            lastScrollUpdate();
+        }
+        else {
+            this.localScrollTimer.throttleLastScrollUpdate(type, coordinate, () => lastScrollUpdate());
+        }
+    }
+    /**
+     * On vertical mousewheel event
+     * @param type
+     * @param delta
+     * @param e
+     */
+    onVerticalMouseWheel(type, delta, e) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        // Shift + 滚轮用于水平滚动，不应触发垂直滚动链路
+        if (e.shiftKey) {
+            return;
+        }
+        const scrollTop = (_b = (_a = this.verticalScroll) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
+        const clientHeight = (_d = (_c = this.verticalScroll) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0;
+        const scrollHeight = (_f = (_e = this.verticalScroll) === null || _e === void 0 ? void 0 : _e.scrollHeight) !== null && _f !== void 0 ? _f : 0;
+        // Detect if the user has reached the bottom
+        const atBottom = scrollTop + clientHeight >= scrollHeight && e.deltaY > 0;
+        const atTop = scrollTop === 0 && e.deltaY < 0;
+        if (!atBottom && !atTop) {
+            (_g = e.preventDefault) === null || _g === void 0 ? void 0 : _g.call(e);
+        }
+        const pos = scrollTop + e[delta];
+        (_h = this.localScrollService) === null || _h === void 0 ? void 0 : _h.scroll(pos, type, undefined, e[delta]);
+        this.localScrollTimer.latestScrollUpdate(type);
+    }
+    /**
+     * On horizontal mousewheel event
+     * @param type
+     * @param e
+     */
+    onHorizontalMouseWheel(type, e) {
+        var _a, _b, _c;
+        const deltaX = e.deltaX || 0;
+        const deltaY = e.deltaY || 0;
+        // 只有当水平滚动是主要意图时才处理
+        // 触摸板垂直滚动时可能会有微小的 deltaX，需要过滤掉
+        const absX = Math.abs(deltaX);
+        const absY = Math.abs(deltaY);
+        // Shift + 滚轮（常见于鼠标）通常只有 deltaY，需要映射为水平滚动
+        const normalizedDelta = deltaX || (e.shiftKey ? deltaY : 0);
+        const isShiftHorizontalScroll = !!e.shiftKey && !deltaX && !!deltaY;
+        // 如果没有水平滚动，或者垂直滚动更明显，不处理
+        if (!normalizedDelta || (!isShiftHorizontalScroll && absY > absX)) {
+            return;
+        }
+        const { scrollLeft, scrollWidth, clientWidth } = this.horizontalScroll;
+        // 滚动阈值：小于此值认为没有实际滚动空间
+        const SCROLL_THRESHOLD = 10;
+        const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);
+        // 如果没有滚动空间（内容宽度小于等于可见宽度），阻止默认行为并直接返回
+        if (maxScrollLeft <= SCROLL_THRESHOLD) {
+            (_a = e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
+            return;
+        }
+        // 统一阻止默认横向滚动，避免浏览器原生滚动与组件逻辑叠加
+        (_b = e.preventDefault) === null || _b === void 0 ? void 0 : _b.call(e);
+        const pos = Math.max(0, Math.min(maxScrollLeft, scrollLeft + normalizedDelta));
+        if (pos === scrollLeft) {
+            return;
+        }
+        (_c = this.localScrollService) === null || _c === void 0 ? void 0 : _c.scroll(pos, type, true, normalizedDelta);
+        this.localScrollTimer.latestScrollUpdate(type);
+    }
+    get horizontalScroll() { return index.getElement(this); }
+    static get watchers() { return {
+        "contentWidth": ["contentWidthChanged"],
+        "contentHeight": ["contentHeightChanged"]
+    }; }
+};
+RevogrViewportScroll.SCROLL_WRITE_EPSILON = 0.5;
+RevogrViewportScroll.UNKNOWN_SCROLL_COORDINATE = Number.NaN;
+// 防抖延迟时间
+RevogrViewportScroll.SCROLL_VISIBILITY_DELAY = 200;
+RevogrViewportScroll.style = revogrViewportScrollStyleCss;
+
+const VNodeToHtml = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.html = index.createEvent(this, "html", 7);
+        this.redraw = null;
+        this.vnodes = [];
+    }
+    componentDidRender() {
+        this.html.emit({
+            html: this.el.innerHTML,
+            vnodes: this.vnodes,
+        });
+    }
+    render() {
+        var _a, _b;
+        this.vnodes = (_b = (_a = this.redraw) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : null;
+        return (index.h(index.Host, { key: '98c8d309598d95565d6ac18f2458e81ec66db396', style: { visibility: 'hidden', position: 'absolute' } }, this.vnodes));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.revogr_data = RevogrData;
+exports.revogr_header = RevogrHeaderComponent;
+exports.revogr_viewport_scroll = RevogrViewportScroll;
+exports.vnode_html = VNodeToHtml;
+//# sourceMappingURL=revogr-data.revogr-header.revogr-viewport-scroll.vnode-html.entry.cjs.js.map
+
+//# sourceMappingURL=revogr-data_4.cjs.entry.js.map