balala-revogrid 1.0.0

package/standalone/revogr-data2.js

@@ -0,0 +1,503 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h, Build, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, Host } from '@stencil/core/internal/client';
+import { x as isRowDragService, j as getCellDataParsed, C as ColumnService } from './column.service.js';
+import { h as DRAGGABLE_CLASS, g as DRAG_ICON_CLASS, l as ROW_FOCUSED_CLASS, a as DATA_ROW, D as DATA_COL } from './consts.js';
+import { b as getSourceItem } from './data.store.js';
+import './platform.js';
+import { R as RowRenderer } from './row-renderer.js';
+import { o as isGrouping } from './grouping.service.js';
+import { d as defineCustomElement$1 } from './vnode-converter.js';
+
+function renderCell(v) {
+    var _a;
+    const els = [];
+    // #region Custom cell
+    const template = (_a = v.schemaModel.column) === null || _a === void 0 ? void 0 : _a.cellTemplate;
+    if (template) {
+        els.push(template(h, v.schemaModel, v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.schemaModel.column) {
+            // something is wrong with data
+            if (Build === null || Build === void 0 ? void 0 : Build.isDev) {
+                console.error('Investigate column problem.', v.schemaModel);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.schemaModel.column.rowDrag &&
+            isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)) {
+            els.push(h("span", { class: DRAGGABLE_CLASS, onMouseDown: originalEvent => {
+                    var _a;
+                    return (_a = v.dragStartCell) === null || _a === void 0 ? void 0 : _a.emit({
+                        originalEvent,
+                        model: v.schemaModel,
+                    });
+                } },
+                h("span", { class: DRAG_ICON_CLASS })));
+        }
+        els.push(`${getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
+    }
+    return els;
+}
+const CellRenderer = ({ renderProps, cellProps, }) => {
+    const render = renderCell.bind(null, renderProps);
+    return (h("div", Object.assign({}, cellProps, { redraw: render }), render()));
+};
+
+/**
+ * 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(ROW_FOCUSED_CLASS)) {
+                    row.$elm$.classList.remove(ROW_FOCUSED_CLASS);
+                    if ((_a = row.$attrs$) === null || _a === void 0 ? void 0 : _a.class.includes(ROW_FOCUSED_CLASS)) {
+                        row.$attrs$.class = row.$attrs$.class.replace(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(ROW_FOCUSED_CLASS)) {
+                    const attrs = (row.$attrs$ = row.$attrs$ || {});
+                    attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;
+                    row.$elm$.classList.add(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 = /*@__PURE__*/ proxyCustomElement(class RevogrData extends HTMLElement$1 {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.beforerowrender = createEvent(this, "beforerowrender", 7);
+        this.afterrender = createEvent(this, "afterrender", 7);
+        this.beforeCellRender = createEvent(this, "beforecellrender", 7);
+        this.beforeDataRender = createEvent(this, "beforedatarender", 7);
+        this.dragStartCell = 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 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 = getSourceItem(this.dataStore, rgRow.itemIndex);
+            // #region Grouping
+            // Render empty grouping rows (for borders) - content is in the overlay
+            if (isGrouping(dataItem)) {
+                const emptyRow = (h(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 = {
+                    [DATA_COL]: columnProps.itemIndex,
+                    [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 = h(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 += ` ${ROW_FOCUSED_CLASS}`;
+            }
+            const row = (h(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 = (h(Host, Object.assign({}, hostAttrs), 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 this; }
+    static get watchers() { return {
+        "dataStore": ["onDataStoreChange"],
+        "colData": ["onColDataChange"]
+    }; }
+    static get style() { return revogrDataStyleCss; }
+}, [260, "revogr-data", {
+        "readonly": [4],
+        "range": [4],
+        "rowClass": [1, "row-class"],
+        "additionalData": [8, "additional-data"],
+        "paddingDepth": [2, "padding-depth"],
+        "rowSelectionStore": [16, "row-selection-store"],
+        "viewportRow": [16, "viewport-row"],
+        "viewportCol": [16, "viewport-col"],
+        "dimensionRow": [16, "dimension-row"],
+        "colData": [16, "col-data"],
+        "dataStore": [16, "data-store"],
+        "type": [513],
+        "colType": [513, "col-type"],
+        "jobsBeforeRender": [16, "jobs-before-render"],
+        "uniqueId": [8, "unique-id"],
+        "hasColPinEnd": [4, "has-col-pin-end"],
+        "hasRgCol": [4, "has-rg-col"],
+        "providers": [32],
+        "updateCell": [64]
+    }, undefined, {
+        "dataStore": ["onDataStoreChange"],
+        "colData": ["onColDataChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-data", "vnode-html"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-data":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevogrData);
+            }
+            break;
+        case "vnode-html":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { CellRenderer as C, RevogrData as R, defineCustomElement as d };
+//# sourceMappingURL=revogr-data2.js.map
+
+//# sourceMappingURL=revogr-data2.js.map

package/standalone/revogr-data2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-data2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data/cell-renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx"],"sourcesContent":["import { h, type VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  DragStartEvent,\n  CellTemplateProp,\n} from '@type';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n  getCellDataParsed,\n} from '../../utils';\n\nimport { isRowDragService } from './column.service';\n\ninterface RenderProps {\n  schemaModel: CellTemplateProp;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  const template = v.schemaModel.column?.cellTemplate;\n  if (template) {\n    els.push(template(h, v.schemaModel, v.additionalData));\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.schemaModel.column) {\n      // something is wrong with data\n      if (Build?.isDev) {\n        console.error('Investigate column problem.', v.schemaModel);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.schemaModel.column.rowDrag &&\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell?.emit({\n              originalEvent,\n              model: v.schemaModel,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n    \n    els.push(`${\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\n    }`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n","import { type VNode } from '@stencil/core';\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\nimport { RangeArea } from '@type';\n\n/**\n * Class is responsible for highlighting rows in a table.\n */\nexport class RowHighlightPlugin {\n  private currentRange: RangeArea | null = null;\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\n    // clear previous range\n    if (this.currentRange) {\n      renderedRows.forEach((row, y) => {\n        // skip current range\n        if (e && y >= e.y && y <= e.y1) {\n          return;\n        }\n\n        // clear previous range\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\n            row.$attrs$.class = row.$attrs$.class.replace(\n              ROW_FOCUSED_CLASS,\n              '',\n            );\n          }\n        }\n      });\n    }\n\n    // apply new range\n    if (e) {\n      for (let y = e.y; y <= e.y1; y++) {\n        const row = renderedRows.get(y);\n        if (\n          row &&\n          row.$elm$ instanceof HTMLElement &&\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\n        ) {\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\n        }\n      }\n    }\n    this.currentRange = e;\n  }\n\n  isRowFocused(y: number) {\n    return (\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\n    );\n  }\n}\n","import { type VNode } from '@stencil/core';\nimport { type JSX } from '../../components';\n\n/**\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\n */\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']): Promise<{ html: string; vnodes: (VNode[]) | null }> {\n  return new Promise<{ html: string; vnodes: (VNode[]) | null }>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n","@use '../../global/_icons.scss' as *;\n\nrevogr-data {\n  display: block;\n  width: 100%;\n  position: relative;\n\n  .rgRow {\n    position: absolute;\n    width: 100%;\n    left: 0;\n  }\n\n  .revo-draggable {\n    $w: 24px;\n\n    border: none;\n    height: 32px;\n    display: inline-flex;\n    outline: 0;\n    padding: 0;\n    font-size: 0.8125rem;\n    box-sizing: border-box;\n    align-items: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    justify-content: center;\n    text-decoration: none;\n    width: $w;\n    height: 100%;\n    cursor: pointer;\n    display: inline-flex;\n    user-select: none; // 拖拽手柄需要禁用选择\n\n    &:hover {\n      > .revo-drag-icon {\n        opacity: 1;\n        zoom: 1.2;\n        font-weight: 600;\n      }\n    }\n\n    > .revo-drag-icon {\n      pointer-events: none;\n      transition:\n        opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n        zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    }\n  }\n\n  .rgCell {\n    top: 0;\n    left: 0;\n    position: absolute;\n    box-sizing: border-box;\n    height: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    outline: none;\n    user-select: text; // 允许选择单元格文本\n\n    &.align-center {\n      text-align: center;\n    }\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import {\n  type VNode,\n  Component,\n  Host,\n  Watch,\n  Element,\n  Event,\n  Prop,\n  EventEmitter,\n  h,\n  Method,\n  State,\n} from '@stencil/core';\n\nimport ColumnService from './column.service';\nimport { DATA_COL, DATA_ROW, ROW_FOCUSED_CLASS } from '../../utils/consts';\n\nimport { type DSourceState, getSourceItem } from '@store';\nimport RowRenderer from './row-renderer';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport type { AllDimensionType, CellTemplateProp, DimensionCols, DimensionRows } from '@type';\nimport { RowHighlightPlugin } from './row-highlight.plugin';\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\nimport { CellRenderer } from './cell-renderer';\nimport type {\n  ViewportState,\n  DimensionSettingsState,\n  BeforeRowRenderEvent,\n  Providers,\n  ColumnRegular,\n  DataType,\n  CellProps,\n  BeforeCellRenderEvent,\n  DragStartEvent,\n  VirtualPositionItem,\n  RangeArea,\n  SelectionStoreState,\n} from '@type';\nimport type { Observable } from '../../utils';\n\n/**\n * This component is responsible for rendering data\n * Rows, columns, groups and cells\n */\n@Component({\n  tag: 'revogr-data',\n  styleUrl: 'revogr-data-style.scss',\n})\nexport class RevogrData {\n  // #region Properties\n  /**\n   * Readonly mode\n   */\n  @Prop() readonly: boolean;\n  /**\n   * Range allowed\n   */\n  @Prop() range: boolean;\n\n  /**\n   * Defines property from which to read row class\n   */\n  @Prop() rowClass: string;\n  /**\n   * Additional data to pass to renderer\n   * Used in plugins such as vue or react to pass root app entity to cells\n   */\n  @Prop() additionalData: any;\n  /**\n   * Padding depth for grouping rows (in pixels per depth level)\n   */\n  @Prop() paddingDepth?: number;\n  /** Stores */\n  /** Selection, range, focus for row selection */\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\n  /** Viewport Y */\n  @Prop() viewportRow!: Observable<ViewportState>;\n  /** Viewport X */\n  @Prop() viewportCol!: Observable<ViewportState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n\n  /** Static stores, not expected to change during component lifetime */\n  /**\n   * Column source\n   */\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Row data type\n   */\n  @Prop({ reflect: true }) type!: DimensionRows;\n\n  /**\n   * Column data type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\n\n  /**\n   * Prevent rendering until job is done.\n   * Can be used for initial rendering performance improvement.\n   * When several plugins require initial rendering this will prevent double initial rendering.\n   */\n  @Prop() jobsBeforeRender: (Promise<any> | (() => Promise<any>))[] = [];\n  \n  /**\n   * Unique identifier for the data component\n   * Used for tracking and debugging purposes\n   */\n  @Prop() uniqueId?: any;\n  \n  /**\n   * Whether there are colPinEnd columns in the grid\n   * Used to determine which column should get the last-column class\n   */\n  @Prop() hasColPinEnd?: boolean;\n  \n  /**\n   * Whether there are rgCol columns in the grid\n   * Used to determine which column should get the last-column class\n   */\n  @Prop() hasRgCol?: boolean;\n  // #endregion\n\n  /**\n   * Before each row render\n   */\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\n  \n  /**\n   * When data render finished for the designated type\n   */\n  @Event() afterrender: EventEmitter<{ type: DimensionRows; colType: DimensionCols | 'rowHeaders' }>;\n  /**\n   * Before each cell render function. Allows to override cell properties\n   */\n  @Event({ eventName: 'beforecellrender' })\n  beforeCellRender: EventEmitter<BeforeCellRenderEvent<CellTemplateProp>>;\n\n  /**\n   * Before data render\n   */\n  @Event({ eventName: 'beforedatarender' })\n  beforeDataRender: EventEmitter<AllDimensionType>;\n  /**\n   * Event emitted on cell drag start\n   */\n  @Event({ eventName: 'dragstartcell' })\n  dragStartCell: EventEmitter<DragStartEvent>;\n\n  /**\n   * Pointed cell update.\n   */\n  @Method() async updateCell(e: {\n    row: number; // virtual\n    col: number; // virtual\n  }) {\n    // Stencil tweak to update cell content\n    const cell = this.renderedRows.get(e.row)?.$children$?.[e.col];\n    if (cell?.$attrs$?.redraw) {\n      const children = await convertVNodeToHTML(\n        this.element,\n        cell.$attrs$.redraw,\n      );\n      cell.$elm$.innerHTML = children.html;\n      cell.$key$ = Math.random();\n    }\n  }\n\n  @Element() element!: Element;\n  @State() providers: Providers;\n  private columnService: ColumnService;\n  private rowHighlightPlugin: RowHighlightPlugin;\n  /**\n   * Rendered rows - virtual index vs vnode\n   */\n  private renderedRows = new Map<number, VNode>();\n  private rangeUnsubscribe: (() => void) | undefined;\n  private lastMismatchKey: string | null = null;\n  private lastStableRows: VirtualPositionItem[] = [];\n  private lastStableCols: VirtualPositionItem[] = [];\n  private lastStableColumns: ColumnRegular[] = [];\n  private lastRenderStateKey: string | null = null;\n\n  @Watch('dataStore') onDataStoreChange() {\n    this.onStoreChange();\n  }\n  @Watch('colData') onColDataChange() {\n    this.onStoreChange();\n  }\n  onStoreChange() {\n    this.columnService?.destroy();\n    this.columnService = new ColumnService(this.dataStore, this.colData);\n    // make sure we have correct data, before render\n    this.providers = {\n      type: this.type,\n      colType: this.colType,\n      readonly: this.readonly,\n      data: this.dataStore,\n      columns: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: this.rowSelectionStore,\n    };\n\n    this.rangeUnsubscribe?.();\n    this.rangeUnsubscribe = this.rowSelectionStore.onChange(\n      'range',\n      (e: RangeArea) =>\n        this.rowHighlightPlugin.selectionChange(e, this.renderedRows),\n    );\n  }\n\n  connectedCallback() {\n    this.rowHighlightPlugin = new RowHighlightPlugin();\n    this.onStoreChange();\n  }\n\n  disconnectedCallback() {\n    this.columnService?.destroy();\n    this.rangeUnsubscribe?.();\n  }\n\n\n  async componentWillRender() {\n    this.beforeDataRender.emit({\n      rowType: this.type,\n      colType: this.colType as DimensionCols,\n    });\n    const grid = this.element?.closest('revo-grid');\n    const waitForColumnsUpdate = () => {\n      if (!grid) return null;\n      if (!grid.hasAttribute('data-columns-updating')) return null;\n      // console.log('[data] wait columns update', {\n      //   colType: this.colType,\n      //   time: performance.now(),\n      // });\n      return new Promise<void>(resolve => {\n        grid.addEventListener(\n          'columnsupdateend',\n          () => {\n            // console.log('[data] columns update end', {\n            //   colType: this.colType,\n            //   time: performance.now(),\n            // });\n            resolve();\n          },\n          { once: true },\n        );\n      });\n    };\n    const waitForDataUpdate = () => {\n      if (!grid) return null;\n      if (!grid.hasAttribute('data-rows-updating')) return null;\n      // console.log('[data] wait rows update', {\n      //   colType: this.colType,\n      //   time: performance.now(),\n      // });\n      return new Promise<void>(resolve => {\n        grid.addEventListener(\n          'dataupdateend',\n          () => {\n            // console.log('[data] rows update end', {\n            //   colType: this.colType,\n            //   time: performance.now(),\n            // });\n            resolve();\n          },\n          { once: true },\n        );\n      });\n    };\n    const pending = [waitForColumnsUpdate(), waitForDataUpdate(), ...this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p)].filter(Boolean);\n    return Promise.all(pending as Promise<any>[]);\n  }\n\n  componentDidRender() {\n    this.afterrender.emit({ type: this.type, colType: this.colType });\n  }\n\n  render() {\n    this.renderedRows = new Map();\n    // always start from live columns, override only when fallback is needed\n    this.columnService.setOverrideColumns(null);\n    const colVersion = this.colData?.get('version');\n    const viewportVersion = this.viewportCol?.get('version');\n    const isSynced =\n      colVersion === undefined ||\n      viewportVersion === undefined ||\n      colVersion === viewportVersion;\n    const columnsData = this.columnService.columns;\n    const rows = this.viewportRow.get('items');\n    const cols = this.viewportCol.get('items');\n    const hasInvalidColIndex = cols.some(col => !columnsData[col.itemIndex]);\n    if (hasInvalidColIndex) {\n      const colSource = this.colData?.get('source') || [];\n      const colItems = this.colData?.get('items') || [];\n      const missingIndexes = cols\n        .filter(col => !columnsData[col.itemIndex])\n        .map(col => col.itemIndex);\n      const mismatchKey = JSON.stringify({\n        colType: this.colType,\n        missing: missingIndexes.slice(0, 10),\n        cols: cols.length,\n        columnsData: columnsData.length,\n        colItems: colItems.length,\n        colSource: colSource.length,\n      });\n      if (mismatchKey !== this.lastMismatchKey) {\n        this.lastMismatchKey = mismatchKey;\n        console.warn('[data] column index mismatch', {\n          colType: this.colType,\n          type: this.type,\n          missingIndexes: missingIndexes.slice(0, 10),\n          colsLength: cols.length,\n          columnsDataLength: columnsData.length,\n          colItemsLength: colItems.length,\n          colSourceLength: colSource.length,\n          colItemsHead: colItems.slice(0, 10),\n          colPropsHead: columnsData\n            .slice(0, 10)\n            .map(col => col?.prop),\n          viewportItemsHead: cols.slice(0, 10).map(col => col.itemIndex),\n        });\n      }\n    }\n    const hasColumns = columnsData.length > 0;\n    const hasCols = cols.length > 0;\n    const isEmptyColumns = !hasColumns && !hasCols;\n    const gridElement = this.element?.closest('revo-grid');\n    const isUpdating =\n      !!gridElement?.hasAttribute('data-columns-updating') ||\n      !!gridElement?.hasAttribute('data-rows-updating');\n    // 主区域在更新中不允许空列，避免取消冻结时主视口短暂清空导致闪烁\n    const allowEmptyColumns = this.colType !== 'rgCol' || !isUpdating;\n    const canUseCurrent =\n      isSynced &&\n      rows.length > 0 &&\n      ((hasColumns && hasCols) || (isEmptyColumns && allowEmptyColumns)) &&\n      !hasInvalidColIndex;\n    const usingFallback = !canUseCurrent;\n    if (this.colType === 'rgCol' && this.type === 'rgRow' && (isUpdating || usingFallback || hasInvalidColIndex)) {\n      const renderStateKey = JSON.stringify({\n        isUpdating,\n        isSynced,\n        colVersion,\n        viewportVersion,\n        rows: rows.length,\n        cols: cols.length,\n        columns: columnsData.length,\n        hasInvalidColIndex,\n        usingFallback,\n        rowRealCount: this.viewportRow.get('realCount'),\n        rowVirtualSize: this.viewportRow.get('virtualSize'),\n        rowClientSize: this.viewportRow.get('clientSize'),\n      });\n      if (renderStateKey !== this.lastRenderStateKey) {\n        this.lastRenderStateKey = renderStateKey;\n        // console.log('[data] render state', {\n        //   colType: this.colType,\n        //   rowType: this.type,\n        //   isUpdating,\n        //   isSynced,\n        //   colVersion,\n        //   viewportVersion,\n        //   rowsLength: rows.length,\n        //   colsLength: cols.length,\n        //   columnsLength: columnsData.length,\n        //   hasInvalidColIndex,\n        //   usingFallback,\n        //   rowRealCount: this.viewportRow.get('realCount'),\n        //   rowVirtualSize: this.viewportRow.get('virtualSize'),\n        //   rowClientSize: this.viewportRow.get('clientSize'),\n        // });\n      }\n    }\n    const activeColumns = canUseCurrent ? columnsData : this.lastStableColumns;\n    const activeRows = canUseCurrent ? rows : this.lastStableRows;\n    const activeCols = canUseCurrent ? cols : this.lastStableCols;\n    if (canUseCurrent) {\n      this.lastStableColumns = [...columnsData];\n      this.lastStableRows = [...rows];\n      this.lastStableCols = [...cols];\n    }\n    if (!canUseCurrent && activeColumns.length) {\n      this.columnService.setOverrideColumns(activeColumns);\n    }\n    if (!activeColumns.length || !activeRows.length || !activeCols.length) {\n      return;\n    }\n    const rowsEls: VNode[] = [];\n    for (let rgRow of activeRows) {\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n\n      // #region Grouping\n      // Render empty grouping rows (for borders) - content is in the overlay\n      if (isGrouping(dataItem)) {\n        const emptyRow = (\n          <RowRenderer\n            index={rgRow.itemIndex}\n            rowClass=\"groupingRow\"\n            size={rgRow.size}\n            start={rgRow.start}\n          />\n        );\n        this.beforerowrender.emit({\n          node: emptyRow,\n          item: rgRow,\n          model: dataItem,\n          colType: this.columnService.type,\n          rowType: this.type,\n        });\n        rowsEls.push(emptyRow);\n        this.renderedRows.set(rgRow.itemIndex, emptyRow);\n        continue;\n      }\n      // #endregion\n      const cells: (VNode | string | void)[] = [];\n\n      // #region Cells\n      // 判断是否需要给最后一列添加类名\n      const lastColIndex = activeCols.length > 0 ? activeCols[activeCols.length - 1].itemIndex : -1;\n      \n      // 使用传入的 hasColPinEnd prop，如果没有传入则默认为 false\n      const hasColPinEnd = this.hasColPinEnd ?? false;\n      const hasRgCol = this.hasRgCol ?? false;\n      \n      for (let rgCol of activeCols) {\n        const smodel: CellTemplateProp = {\n          ...this.columnService.rowDataModel(\n            rgRow.itemIndex,\n            rgCol.itemIndex,\n          ),\n          providers: this.providers,\n        };\n\n        // call before cell render\n        const cellEvent = this.triggerBeforeCellRender(smodel, rgRow, rgCol);\n\n        // if event was prevented\n        if (cellEvent.defaultPrevented) {\n          continue;\n        }\n\n        const {\n          detail: { column: columnProps, row: rowProps, model: schemaModel },\n        } = cellEvent;\n\n        const defaultProps: CellProps = {\n          [DATA_COL]: columnProps.itemIndex,\n          [DATA_ROW]: rowProps.itemIndex,\n          style: {\n            width: `${columnProps.size}px`,\n            transform: `translateX(${columnProps.start}px)`,\n            height: rowProps.size ? `${rowProps.size}px` : undefined,\n          },\n        };\n        \n        // 判断是否是最后一列并添加类名\n        const isLastColumn = rgCol.itemIndex === lastColIndex;\n        if (isLastColumn) {\n          // 只在以下情况添加类名：\n          // 1. 有右侧冻结列时，只给 colPinEnd 类型的最后一列加\n          // 2. 没有右侧冻结列但有主区域时，只给 rgCol 类型的最后一列加\n          // 3. 没有右侧冻结列也没有主区域时（全左冻结），给 colPinStart 类型的最后一列加\n          const shouldAddClass = \n            (hasColPinEnd && this.colType === 'colPinEnd') || \n            (!hasColPinEnd && hasRgCol && this.colType === 'rgCol') ||\n            (!hasColPinEnd && !hasRgCol && this.colType === 'colPinStart');\n          \n          if (shouldAddClass) {\n            defaultProps.class = { 'last-column': true };\n          }\n        }\n\n        const props = this.columnService.mergeProperties(\n          rowProps.itemIndex,\n          columnProps.itemIndex,\n          defaultProps,\n          schemaModel,\n        );\n\n        // Never use webcomponent for cell render\n        // It's very slow because of webcomponent initialization takes time\n        const cellNode = <CellRenderer\n          renderProps={{\n            schemaModel,\n            additionalData: this.additionalData,\n            dragStartCell: this.dragStartCell,\n          }}\n          cellProps={props}\n        />;\n        cells.push(cellNode);\n      }\n      // #endregion\n\n      // #region Rows\n      let rowClass = this.rowClass\n        ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)\n        : '';\n      if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {\n        rowClass += ` ${ROW_FOCUSED_CLASS}`;\n      }\n      const row: VNode = (\n        <RowRenderer\n          index={rgRow.itemIndex}\n          rowClass={rowClass}\n          size={rgRow.size}\n          start={rgRow.start}\n        >\n          {cells}\n        </RowRenderer>\n      );\n      this.beforerowrender.emit({\n        node: row,\n        item: rgRow,\n        model: dataItem,\n        colType: this.columnService.type,\n        rowType: this.type,\n      });\n      rowsEls.push(row);\n      this.renderedRows.set(rgRow.itemIndex, row);\n      // #endregion\n    }\n    const hostAttrs: any = {};\n    if (this.uniqueId !== undefined) {\n      hostAttrs['data-unique-id'] = this.uniqueId;\n    }\n\n    const renderVNode = (\n      <Host {...hostAttrs}>\n        <slot />\n        {rowsEls}\n      </Host>\n    );\n    return renderVNode;\n  }\n\n  triggerBeforeCellRender(\n    model: CellTemplateProp,\n    row: VirtualPositionItem,\n    column: VirtualPositionItem,\n  ) {\n    const detail: BeforeCellRenderEvent<CellTemplateProp> = {\n      column,\n      row,\n      model,\n      rowType: model.type,\n      colType: model.colType,\n    };\n    return this.beforeCellRender.emit(detail);\n  }\n}\n"],"version":3}

package/standalone/revogr-edit.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface RevogrEdit extends Components.RevogrEdit, HTMLElement {}
+export const RevogrEdit: {
+    prototype: RevogrEdit;
+    new (): RevogrEdit;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/standalone/revogr-edit.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { R as RevoEdit, n as defineCustomElement$1 } from './revogr-edit2.js';
+
+const RevogrEdit = RevoEdit;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrEdit, defineCustomElement };
+//# sourceMappingURL=revogr-edit.js.map
+
+//# sourceMappingURL=revogr-edit.js.map

package/standalone/revogr-edit.js.map

@@ -0,0 +1 @@
+{"file":"revogr-edit.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}