balala-revogrid 1.0.0

package/standalone/revogr-focus2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-focus2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/selectionFocus/revogr-focus-style.scss?tag=revogr-focus","src/components/selectionFocus/revogr-focus.tsx"],"sourcesContent":["@use '../../global/_mixins.scss' as *;\n\nrevogr-focus.focused-cell {\n  @include selection(1px);\n\n  position: absolute;\n  pointer-events: none;\n  z-index: 9;\n  display: block !important;\n}\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Event,\n  Element,\n  EventEmitter,\n} from '@stencil/core';\nimport { FOCUS_CLASS } from '../../utils/consts';\nimport { getCell, styleByCellProps } from '../overlay/selection.utils';\nimport { DSourceState, getSourceItem } from '@store';\nimport type {\n  Cell,\n  SelectionStoreState,\n  ColumnRegular,\n  DataType,\n  DimensionSettingsState,\n  FocusRenderEvent,\n  FocusTemplateFunc,\n  DimensionCols,\n  DimensionRows,\n  FocusAfterRenderEvent,\n} from '@type';\nimport type { Observable } from '../../utils';\n\n/**\n * Focus component. Shows focus layer around the cell that is currently in focus.\n * @slot focus-${view.type}-${data.type}. @example focus-rgCol-rgRow\n */\n@Component({\n  tag: 'revogr-focus',\n  styleUrl: 'revogr-focus-style.scss',\n})\nexport class RevogrFocus {\n  /**\n   * Column type\n   */\n  @Prop({ reflect: true }) colType!: DimensionCols;\n  /**\n   * Row type\n   */\n  @Prop({ reflect: true }) rowType!: DimensionRows;\n\n  /**\n   * Auto scroll to focused cell. When true, the grid will automatically scroll to make the focused cell visible.\n   * @default false\n   */\n  @Prop() autoScrollToFocus: boolean = false;\n\n  /** Dynamic stores */\n  /** Selection, range, focus for selection */\n  @Prop() selectionStore!: Observable<SelectionStoreState>;\n  /** Dimension settings Y */\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n  /** Dimension settings X */\n  @Prop() dimensionCol!: Observable<DimensionSettingsState>;\n  /**\n   * Data rows source\n   */\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  /**\n   * Column source\n   */\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n\n  /**\n   * Focus template custom function. Can be used to render custom focus layer.\n   */\n  @Prop() focusTemplate: FocusTemplateFunc | null = null;\n\n  /**\n   * Before focus render event.\n   * Can be prevented by event.preventDefault().\n   * If preventDefault used slot will be rendered.\n   */\n  @Event({ eventName: 'beforefocusrender' })\n  beforeFocusRender: EventEmitter<FocusRenderEvent>;\n\n  /**\n   * Before focus changed verify if it's in view and scroll viewport into this view\n   * Can be prevented by event.preventDefault()\n   */\n  @Event({ eventName: 'beforescrollintoview' })\n  beforeScrollIntoView: EventEmitter<{ el: HTMLElement }>;\n  /**\n   * Used to setup properties after focus was rendered\n   */\n  @Event({ eventName: 'afterfocus' })\n  afterFocus: EventEmitter<FocusAfterRenderEvent>;\n\n  @Element() el: HTMLElement;\n  private activeFocus: Cell | null = null;\n\n  componentDidRender() {\n    const currentFocus = this.selectionStore.get('focus');\n    if (\n      this.activeFocus?.x === currentFocus?.x &&\n      this.activeFocus?.y === currentFocus?.y\n    ) {\n      return;\n    }\n    this.activeFocus = currentFocus;\n    if (currentFocus && this.el) {\n      const beforeScrollIn = this.beforeScrollIntoView.emit({ el: this.el });\n      // 只有在 autoScrollToFocus 为 true 时才执行自动滚动\n      if (this.autoScrollToFocus && !beforeScrollIn.defaultPrevented) {\n        this.el.scrollIntoView({\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n      const model = getSourceItem(this.dataStore, currentFocus.y);\n      const column = getSourceItem(this.colData, currentFocus.x);\n      this.afterFocus.emit({\n        model,\n        column,\n        rowType: this.rowType,\n        colType: this.colType,\n        rowIndex: currentFocus.y,\n        colIndex: currentFocus.x,\n      });\n    }\n  }\n\n  render() {\n    const editCell = this.selectionStore.get('edit');\n    if (editCell) {\n      return;\n    }\n    const focusCell = this.selectionStore.get('focus');\n    if (!focusCell) {\n      return;\n    }\n    const event = this.beforeFocusRender.emit({\n      range: {\n        ...focusCell,\n        x1: focusCell.x,\n        y1: focusCell.y,\n      },\n      rowType: this.rowType,\n      colType: this.colType,\n      rowDimension: { ...this.dimensionRow.state },\n      colDimension: { ...this.dimensionCol.state },\n    });\n    if (event.defaultPrevented) {\n      return <slot />;\n    }\n    const { detail } = event;\n\n    const cell = getCell(\n      detail.range,\n      event.detail.rowDimension,\n      event.detail.colDimension,\n    );\n    const styles = styleByCellProps(cell);\n    const extra = this.focusTemplate?.(h, detail);\n    const props = {\n      class: { [FOCUS_CLASS]: true },\n      style: styles,\n    };\n    return (\n      <Host {...props}>\n        <slot />\n        {extra}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/standalone/revogr-grouping-overlay.d.ts

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

package/standalone/revogr-grouping-overlay.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { R as RevogrGroupingOverlay$1, d as defineCustomElement$1 } from './revogr-grouping-overlay2.js';
+
+const RevogrGroupingOverlay = RevogrGroupingOverlay$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrGroupingOverlay, defineCustomElement };
+//# sourceMappingURL=revogr-grouping-overlay.js.map
+
+//# sourceMappingURL=revogr-grouping-overlay.js.map

package/standalone/revogr-grouping-overlay.js.map

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

package/standalone/revogr-grouping-overlay2.js

@@ -0,0 +1,356 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { b as getSourceItem } from './data.store.js';
+import './platform.js';
+import { h as GROUP_EXPAND_BTN, i as GROUP_EXPAND_EVENT, g as GROUP_CHILDREN_INDICES, G as GROUP_DEPTH, d as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, o as isGrouping } from './grouping.service.js';
+import { R as RowRenderer } from './row-renderer.js';
+
+function expandEvent(e, model, virtualIndex) {
+    var _a;
+    const event = new CustomEvent(GROUP_EXPAND_EVENT, {
+        detail: {
+            model,
+            virtualIndex,
+        },
+        cancelable: true,
+        bubbles: true,
+    });
+    (_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
+}
+const GroupingRowRenderer = (props) => {
+    const { model, itemIndex, hasExpand, groupingCustomRenderer, getGroupSelection, paddingDepth } = props;
+    const name = model[PSEUDO_GROUP_ITEM];
+    const expanded = model[GROUP_EXPANDED];
+    const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
+    const childIndices = model[GROUP_CHILDREN_INDICES] || [];
+    // 获取分组选中信息
+    let selectionInfo = null;
+    if (getGroupSelection && childIndices.length > 0) {
+        selectionInfo = getGroupSelection(model, childIndices);
+    }
+    if (groupingCustomRenderer) {
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }),
+            h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+                expanded,
+                depth,
+                selectionInfo })))));
+    }
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth, paddingDepth: paddingDepth }), hasExpand && [
+        h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => {
+                expandEvent(e, model, itemIndex);
+            } }, expandSvgIconVNode(expanded)),
+        h("span", { class: "group-name" }, name),
+        // 显示选中数量
+        selectionInfo && selectionInfo.selectedCount > 0 && (h("span", { class: "group-selection-count" },
+            "(",
+            selectionInfo.selectedCount,
+            "/",
+            selectionInfo.totalCount,
+            ")")),
+    ]));
+};
+const expandSvgIconVNode = (expanded = false) => {
+    return (h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" },
+        h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
+};
+
+const revogrGroupingOverlayCss = ":host{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.grouping-overlay-viewport .header-wrapper>div{box-shadow:0 -1px 0 var(--rg-cell-border-color, #e0e0e0) inset}.grouping-rows-container{position:absolute;top:0;left:0;width:100%;height:100%}.grouping-rows-container .groupingRow{position:absolute;pointer-events:auto;width:100%;font-weight:600;text-align:left;mix-blend-mode:normal;z-index:1;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.grouping-rows-container .groupingRow .group-expand{width:25px;height:100%;max-height:25px;margin-right:2px;background-color:transparent;border-color:transparent;vertical-align:middle;padding-left:5px;display:inline-flex;cursor:pointer}.grouping-rows-container .groupingRow .group-expand svg{width:7px}.grouping-rows-container .rgRow{border-bottom:1px solid var(--rg-cell-border-color, #e0e0e0)}.grouping-rows-container .dataRow{position:absolute;width:100%;box-sizing:border-box;background-color:transparent !important;pointer-events:auto;z-index:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}";
+
+const RevogrGroupingOverlay = /*@__PURE__*/ proxyCustomElement(class RevogrGroupingOverlay extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.type = 'rgRow';
+        this.colType = 'rgCol';
+        this.groupRows = [];
+        this.dataRows = [];
+        this.unsubscribers = [];
+        // ==================== 性能优化：缓存和节流 ====================
+        /** 缓存的选中行索引 */
+        this.cachedSelectedIndices = new Set();
+        /** 上次解析的选中行属性值 */
+        this.lastSelectedRowsAttr = null;
+        /** 上次的 viewport items 引用（用于变化检测） */
+        this.lastRowItems = null;
+        /** 上次的 col items 引用 */
+        this.lastColItems = null;
+        /** RAF 节流标记 */
+        this.updateScheduled = false;
+        /** MutationObserver 用于监听选中状态变化 */
+        this.selectionObserver = null;
+        // ==================== Resize 优化 ====================
+        /** ResizeObserver 用于监听表格宽度变化 */
+        this.resizeObserver = null;
+    }
+    onDataChange() {
+        this.scheduleUpdate();
+    }
+    /**
+     * 刷新分组行显示，用于选中状态变化后更新选中数量
+     */
+    async refresh() {
+        // 强制刷新时清除缓存
+        this.lastSelectedRowsAttr = null;
+        this.updateGroupRowsImmediate(true);
+    }
+    connectedCallback() {
+        this.providers = {
+            type: this.type,
+            colType: this.colType,
+            readonly: true,
+            data: this.dataStore,
+            columns: this.colData,
+            viewport: this.viewportCol,
+            dimension: this.dimensionRow,
+            selection: null,
+        };
+        // 数据变化时的处理函数
+        const onDataUpdate = () => {
+            this.scheduleUpdate();
+        };
+        if (this.viewportRow) {
+            this.unsubscribers.push(this.viewportRow.onChange('items', onDataUpdate));
+        }
+        if (this.dataStore) {
+            this.unsubscribers.push(this.dataStore.onChange('source', () => {
+                // 数据源变化时清除缓存
+                this.lastRowItems = null;
+                this.scheduleUpdate();
+            }));
+        }
+        if (this.viewportCol) {
+            this.unsubscribers.push(this.viewportCol.onChange('items', onDataUpdate));
+        }
+        // 监听选中状态变化
+        this.setupSelectionObserver();
+        // 监听表格宽度变化
+        this.setupResizeObserver();
+        this.updateGroupRowsImmediate(false);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        this.unsubscribers.forEach(unsub => unsub());
+        (_a = this.selectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.selectionObserver = null;
+        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        this.resizeObserver = null;
+    }
+    /**
+     * 设置 ResizeObserver 监听表格宽度变化
+     */
+    setupResizeObserver() {
+        const revogrid = this.element.closest('revo-grid');
+        if (!revogrid)
+            return;
+        this.resizeObserver = new ResizeObserver(() => {
+            // 立即更新，不使用防抖
+            this.scheduleUpdate();
+        });
+        this.resizeObserver.observe(revogrid);
+    }
+    /**
+     * 设置 MutationObserver 监听选中状态变化
+     */
+    setupSelectionObserver() {
+        const revogrid = this.element.closest('revo-grid');
+        if (!revogrid)
+            return;
+        this.selectionObserver = new MutationObserver((mutations) => {
+            for (const mutation of mutations) {
+                if (mutation.attributeName === 'data-selected-rows' ||
+                    mutation.attributeName === 'data-selected-rg-rows') {
+                    // 选中状态变化，更新缓存并刷新
+                    this.updateSelectedIndicesCache();
+                    this.scheduleUpdate();
+                    break;
+                }
+            }
+        });
+        this.selectionObserver.observe(revogrid, {
+            attributes: true,
+            attributeFilter: ['data-selected-rows', 'data-selected-rg-rows'],
+        });
+    }
+    /**
+     * 使用 RAF 节流的更新调度
+     */
+    scheduleUpdate() {
+        if (this.updateScheduled)
+            return;
+        this.updateScheduled = true;
+        requestAnimationFrame(() => {
+            this.updateScheduled = false;
+            this.updateGroupRowsImmediate(false);
+        });
+    }
+    /**
+     * 更新选中行索引缓存
+     */
+    updateSelectedIndicesCache() {
+        const revogrid = this.element.closest('revo-grid');
+        if (!revogrid) {
+            this.cachedSelectedIndices.clear();
+            this.lastSelectedRowsAttr = null;
+            return;
+        }
+        const selectedRowsAttr = revogrid.getAttribute('data-selected-rg-rows') ||
+            revogrid.getAttribute('data-selected-rows');
+        // 如果属性值没变，直接返回
+        if (selectedRowsAttr === this.lastSelectedRowsAttr) {
+            return;
+        }
+        this.lastSelectedRowsAttr = selectedRowsAttr;
+        this.cachedSelectedIndices.clear();
+        if (selectedRowsAttr) {
+            try {
+                const indices = JSON.parse(selectedRowsAttr);
+                if (Array.isArray(indices)) {
+                    for (let i = 0; i < indices.length; i++) {
+                        this.cachedSelectedIndices.add(indices[i]);
+                    }
+                }
+            }
+            catch (e) {
+                // 忽略解析错误
+            }
+        }
+    }
+    /**
+     * 获取选中行索引（使用缓存）
+     */
+    getSelectedRowIndices() {
+        // 首次调用或缓存失效时更新
+        if (this.lastSelectedRowsAttr === null) {
+            this.updateSelectedIndicesCache();
+        }
+        return this.cachedSelectedIndices;
+    }
+    /**
+     * 立即更新分组行（带变化检测）
+     * @param forceUpdate 是否强制更新，忽略变化检测
+     */
+    async updateGroupRowsImmediate(forceUpdate = false) {
+        if (!this.dataStore || !this.viewportRow || !this.viewportCol) {
+            if (this.groupRows.length || this.dataRows.length) {
+                this.groupRows = [];
+                this.dataRows = [];
+            }
+            return;
+        }
+        const rows = this.viewportRow.get('items');
+        const cols = this.viewportCol.get('items');
+        // 变化检测：如果 items 引用没变且不是强制更新，跳过更新
+        if (!forceUpdate && rows === this.lastRowItems && cols === this.lastColItems) {
+            return;
+        }
+        this.lastRowItems = rows;
+        this.lastColItems = cols;
+        if (!rows.length) {
+            if (this.groupRows.length || this.dataRows.length) {
+                this.groupRows = [];
+                this.dataRows = [];
+            }
+            return;
+        }
+        const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');
+        // 即使 cols 为空（所有列都冻结），也要渲染分组行
+        const firstCol = cols[0] || { start: 0, end: 0, size: 0, itemIndex: 0 };
+        // 使用缓存的选中行索引
+        const selectedRowIndices = this.getSelectedRowIndices();
+        // 获取当前可见的物理索引数组
+        const dataItems = this.dataStore.get('items');
+        const groupRowsData = [];
+        const dataRowsData = [];
+        for (let i = 0; i < rows.length; i++) {
+            const rgRow = rows[i];
+            const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);
+            if (!dataItem) {
+                continue;
+            }
+            const physicalIndex = dataItems[rgRow.itemIndex];
+            if (isGrouping(dataItem)) {
+                const groupName = dataItem[PSEUDO_GROUP_ITEM];
+                if (!groupName) {
+                    this.groupRows = [];
+                    this.dataRows = [];
+                    return;
+                }
+                groupRowsData.push(Object.assign(Object.assign({}, rgRow), { index: rgRow.itemIndex, model: dataItem, groupingCustomRenderer, hasExpand: true, columnItems: [firstCol], providers: this.providers, getGroupSelection: this.getGroupSelection, paddingDepth: this.paddingDepth }));
+            }
+            else {
+                const isSelected = physicalIndex !== undefined && selectedRowIndices.has(physicalIndex);
+                dataRowsData.push(Object.assign(Object.assign({}, rgRow), { selected: isSelected }));
+            }
+        }
+        this.groupRows = groupRowsData;
+        this.dataRows = dataRowsData;
+    }
+    render() {
+        // 只有当既没有分组行也没有数据行时才不渲染
+        if (!this.groupRows.length && !this.dataRows.length) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "grouping-rows-container" }, this.groupRows.map(rowProps => (h(GroupingRowRenderer, Object.assign({}, rowProps, { key: `group-${rowProps.itemIndex}` })))), this.dataRows.map(row => {
+            const attrs = {
+                class: 'rgRow dataRow',
+                key: `data-${row.itemIndex}`,
+                style: {
+                    height: `${row.size}px`,
+                    transform: `translateY(${row.start}px)`,
+                },
+                'data-rgRow': row.itemIndex,
+            };
+            if (row.selected) {
+                attrs.selected = '';
+            }
+            return h("div", Object.assign({}, attrs));
+        }))));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "dataStore": ["onDataChange"],
+        "viewportRow": ["onDataChange"],
+        "viewportCol": ["onDataChange"]
+    }; }
+    static get style() { return revogrGroupingOverlayCss; }
+}, [256, "revogr-grouping-overlay", {
+        "dataStore": [16, "data-store"],
+        "colData": [16, "col-data"],
+        "viewportRow": [16, "viewport-row"],
+        "viewportCol": [16, "viewport-col"],
+        "dimensionRow": [16, "dimension-row"],
+        "type": [1],
+        "colType": [1, "col-type"],
+        "additionalData": [8, "additional-data"],
+        "rowClass": [1, "row-class"],
+        "getGroupSelection": [16, "get-group-selection"],
+        "paddingDepth": [2, "padding-depth"],
+        "groupRows": [32],
+        "dataRows": [32],
+        "refresh": [64],
+        "updateGroupRowsImmediate": [64]
+    }, undefined, {
+        "dataStore": ["onDataChange"],
+        "viewportRow": ["onDataChange"],
+        "viewportCol": ["onDataChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-grouping-overlay"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-grouping-overlay":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevogrGroupingOverlay);
+            }
+            break;
+    } });
+}
+
+export { GroupingRowRenderer as G, RevogrGroupingOverlay as R, expandSvgIconVNode as a, defineCustomElement as d, expandEvent as e };
+//# sourceMappingURL=revogr-grouping-overlay2.js.map
+
+//# sourceMappingURL=revogr-grouping-overlay2.js.map

package/standalone/revogr-grouping-overlay2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-grouping-overlay2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/grouping-overlay/revogr-grouping-overlay.scss?tag=revogr-grouping-overlay","src/components/grouping-overlay/revogr-grouping-overlay.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport RowRenderer from '../../components/data/row-renderer';\nimport {\n  GROUP_DEPTH,\n  GROUP_EXPANDED,\n  GROUP_EXPAND_BTN,\n  PSEUDO_GROUP_ITEM,\n  GROUP_EXPAND_EVENT,\n  GROUP_CHILDREN_INDICES,\n} from './grouping.const';\nimport type { RowGroupingProps, GroupSelectionInfo } from './grouping.row.types';\nimport type { DataType } from '@type';\n\nexport function expandEvent(\n  e: MouseEvent,\n  model: DataType,\n  virtualIndex: number,\n) {\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\n    detail: {\n      model,\n      virtualIndex,\n    },\n    cancelable: true,\n    bubbles: true,\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\n  e.target?.dispatchEvent(event);\n}\n\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\n  const { model, itemIndex, hasExpand, groupingCustomRenderer, getGroupSelection, paddingDepth } = props;\n  const name = model[PSEUDO_GROUP_ITEM];\n  const expanded = model[GROUP_EXPANDED];\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\n  const childIndices: number[] = model[GROUP_CHILDREN_INDICES] || [];\n\n  // 获取分组选中信息\n  let selectionInfo: GroupSelectionInfo | null = null;\n  if (getGroupSelection && childIndices.length > 0) {\n    selectionInfo = getGroupSelection(model, childIndices);\n  }\n\n  if (groupingCustomRenderer) {\n    return (\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} paddingDepth={paddingDepth}>\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\n          {groupingCustomRenderer(h, {\n            ...props,\n            colType: props.providers.colType,\n            name,\n            expanded,\n            depth,\n            selectionInfo,\n          })}\n        </div>\n      </RowRenderer>\n    );\n  }\n\n  return (\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth} paddingDepth={paddingDepth}>\n      {hasExpand && [\n        <button\n          class={{ [GROUP_EXPAND_BTN]: true }}\n          onClick={e => {\n            expandEvent(e, model, itemIndex);\n          }}\n        >\n          {expandSvgIconVNode(expanded)}\n        </button>,\n        <span class=\"group-name\">{name}</span>,\n        // 显示选中数量\n        selectionInfo && selectionInfo.selectedCount > 0 && (\n          <span class=\"group-selection-count\">\n            ({selectionInfo.selectedCount}/{selectionInfo.totalCount})\n          </span>\n        ),\n      ]}\n    </RowRenderer>\n  );\n};\n\nexport const expandSvgIconVNode = (expanded = false) => {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\n      focusable=\"false\"\n      viewBox=\"0 0 448 512\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default GroupingRowRenderer;\n",":host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n.grouping-overlay-viewport {\n  .header-wrapper {\n    > div {\n      box-shadow: 0 -1px 0 var(--rg-cell-border-color, #e0e0e0) inset;\n    }\n  }\n}\n\n.grouping-rows-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  .groupingRow {\n    position: absolute;\n    pointer-events: auto;\n    width: 100%;\n    font-weight: 600;\n    text-align: left;\n    // 使用混合模式让下层的 hover 效果可以透过来\n    mix-blend-mode: normal;\n    // 分组行在 dataRow 上层，确保点击事件不被阻挡\n    z-index: 1;\n    // 使用 GPU 加速优化渲染性能，特别是在 Safari 中\n    transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n\n    .group-expand {\n      width: 25px;\n      height: 100%;\n      max-height: 25px;\n      margin-right: 2px;\n      background-color: transparent;\n      border-color: transparent;\n      vertical-align: middle;\n      padding-left: 5px;\n      display: inline-flex;\n      cursor: pointer;\n\n      svg {\n        width: 7px;\n      }\n    }\n  }\n\n  .rgRow {\n    border-bottom: 1px solid var(--rg-cell-border-color, #e0e0e0);\n  }\n\n  .dataRow {\n    position: absolute;\n    width: 100%;\n    box-sizing: border-box;\n    // dataRow 是分组覆盖层里的占位行，不应覆盖真实单元格内容背景\n    background-color: transparent !important;\n    // 允许接收鼠标事件（用于 hover 效果）\n    pointer-events: auto;\n    // dataRow 在 groupingRow 下层\n    z-index: 0;\n    // 使用 GPU 加速优化渲染性能，特别是在 Safari 中\n    transform: translateZ(0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n  }\n}\n","import { Component, Host, Prop, h, Element, State, Watch, Method } from '@stencil/core';\nimport type { DimensionRows, DimensionCols, DataType, ColumnRegular, ViewportState, DimensionSettingsState, Providers } from '@type';\nimport type { Observable } from '../../utils';\nimport { type DSourceState, getSourceItem } from '@store';\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\nimport type { RowGroupingProps, GetGroupSelectionFunc } from '../../plugins/groupingRow/grouping.row.types';\nimport type { VirtualPositionItem } from '@type';\nimport { PSEUDO_GROUP_ITEM } from '../../plugins/groupingRow/grouping.const';\n\ninterface DataRowInfo extends VirtualPositionItem {\n  selected?: boolean;\n}\n\n@Component({\n  tag: 'revogr-grouping-overlay',\n  styleUrl: 'revogr-grouping-overlay.scss',\n})\nexport class RevogrGroupingOverlay {\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\n  @Prop() viewportRow!: Observable<ViewportState>;\n  @Prop() viewportCol!: Observable<ViewportState>;\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\n  @Prop() type: DimensionRows = 'rgRow';\n  @Prop() colType: DimensionCols = 'rgCol';\n  @Prop() additionalData: any;\n  @Prop() rowClass: string;\n  /** 获取分组选中信息的函数 */\n  @Prop() getGroupSelection?: GetGroupSelectionFunc;\n  /** Padding depth for grouping rows (in pixels per depth level) */\n  @Prop() paddingDepth?: number;\n\n  @Element() element!: HTMLElement;\n  @State() private groupRows: RowGroupingProps[] = [];\n  @State() private dataRows: DataRowInfo[] = [];\n  private unsubscribers: (() => void)[] = [];\n  private providers: Providers;\n\n  // ==================== 性能优化：缓存和节流 ====================\n  \n  /** 缓存的选中行索引 */\n  private cachedSelectedIndices: Set<number> = new Set();\n  /** 上次解析的选中行属性值 */\n  private lastSelectedRowsAttr: string | null = null;\n  /** 上次的 viewport items 引用（用于变化检测） */\n  private lastRowItems: VirtualPositionItem[] | null = null;\n  /** 上次的 col items 引用 */\n  private lastColItems: VirtualPositionItem[] | null = null;\n  /** RAF 节流标记 */\n  private updateScheduled = false;\n  /** MutationObserver 用于监听选中状态变化 */\n  private selectionObserver: MutationObserver | null = null;\n  \n  // ==================== Resize 优化 ====================\n  \n  /** ResizeObserver 用于监听表格宽度变化 */\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Watch('dataStore')\n  @Watch('viewportRow')\n  @Watch('viewportCol')\n  onDataChange() {\n    this.scheduleUpdate();\n  }\n\n  /**\n   * 刷新分组行显示，用于选中状态变化后更新选中数量\n   */\n  @Method()\n  async refresh() {\n    // 强制刷新时清除缓存\n    this.lastSelectedRowsAttr = null;\n    this.updateGroupRowsImmediate(true);\n  }\n\n  connectedCallback() {\n    this.providers = {\n      type: this.type,\n      colType: this.colType,\n      readonly: true,\n      data: this.dataStore,\n      columns: this.colData,\n      viewport: this.viewportCol,\n      dimension: this.dimensionRow,\n      selection: null as any,\n    };\n    \n    // 数据变化时的处理函数\n    const onDataUpdate = () => {\n      this.scheduleUpdate();\n    };\n    \n    if (this.viewportRow) {\n      this.unsubscribers.push(this.viewportRow.onChange('items', onDataUpdate));\n    }\n    if (this.dataStore) {\n      this.unsubscribers.push(this.dataStore.onChange('source', () => {\n        // 数据源变化时清除缓存\n        this.lastRowItems = null;\n        this.scheduleUpdate();\n      }));\n    }\n    if (this.viewportCol) {\n      this.unsubscribers.push(this.viewportCol.onChange('items', onDataUpdate));\n    }\n    \n    // 监听选中状态变化\n    this.setupSelectionObserver();\n    \n    // 监听表格宽度变化\n    this.setupResizeObserver();\n    \n    this.updateGroupRowsImmediate(false);\n  }\n\n  disconnectedCallback() {\n    this.unsubscribers.forEach(unsub => unsub());\n    this.selectionObserver?.disconnect();\n    this.selectionObserver = null;\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n  }\n\n  /**\n   * 设置 ResizeObserver 监听表格宽度变化\n   */\n  private setupResizeObserver() {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) return;\n\n    this.resizeObserver = new ResizeObserver(() => {\n      // 立即更新，不使用防抖\n      this.scheduleUpdate();\n    });\n\n    this.resizeObserver.observe(revogrid);\n  }\n\n  /**\n   * 设置 MutationObserver 监听选中状态变化\n   */\n  private setupSelectionObserver() {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) return;\n\n    this.selectionObserver = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (\n          mutation.attributeName === 'data-selected-rows' ||\n          mutation.attributeName === 'data-selected-rg-rows'\n        ) {\n          // 选中状态变化，更新缓存并刷新\n          this.updateSelectedIndicesCache();\n          this.scheduleUpdate();\n          break;\n        }\n      }\n    });\n\n    this.selectionObserver.observe(revogrid, {\n      attributes: true,\n      attributeFilter: ['data-selected-rows', 'data-selected-rg-rows'],\n    });\n  }\n\n  /**\n   * 使用 RAF 节流的更新调度\n   */\n  private scheduleUpdate() {\n    if (this.updateScheduled) return;\n    this.updateScheduled = true;\n    \n    requestAnimationFrame(() => {\n      this.updateScheduled = false;\n      this.updateGroupRowsImmediate(false);\n    });\n  }\n\n  /**\n   * 更新选中行索引缓存\n   */\n  private updateSelectedIndicesCache(): void {\n    const revogrid = this.element.closest('revo-grid');\n    if (!revogrid) {\n      this.cachedSelectedIndices.clear();\n      this.lastSelectedRowsAttr = null;\n      return;\n    }\n\n    const selectedRowsAttr =\n      revogrid.getAttribute('data-selected-rg-rows') ||\n      revogrid.getAttribute('data-selected-rows');\n    \n    // 如果属性值没变，直接返回\n    if (selectedRowsAttr === this.lastSelectedRowsAttr) {\n      return;\n    }\n    \n    this.lastSelectedRowsAttr = selectedRowsAttr;\n    this.cachedSelectedIndices.clear();\n    \n    if (selectedRowsAttr) {\n      try {\n        const indices = JSON.parse(selectedRowsAttr);\n        if (Array.isArray(indices)) {\n          for (let i = 0; i < indices.length; i++) {\n            this.cachedSelectedIndices.add(indices[i]);\n          }\n        }\n      } catch (e) {\n        // 忽略解析错误\n      }\n    }\n  }\n\n  /**\n   * 获取选中行索引（使用缓存）\n   */\n  private getSelectedRowIndices(): Set<number> {\n    // 首次调用或缓存失效时更新\n    if (this.lastSelectedRowsAttr === null) {\n      this.updateSelectedIndicesCache();\n    }\n    return this.cachedSelectedIndices;\n  }\n\n  /**\n   * 立即更新分组行（带变化检测）\n   * @param forceUpdate 是否强制更新，忽略变化检测\n   */\n  @Method()\n  async updateGroupRowsImmediate(forceUpdate = false) {\n    if (!this.dataStore || !this.viewportRow || !this.viewportCol) {\n      if (this.groupRows.length || this.dataRows.length) {\n        this.groupRows = [];\n        this.dataRows = [];\n      }\n      return;\n    }\n\n    const rows = this.viewportRow.get('items');\n    const cols = this.viewportCol.get('items');\n\n    // 变化检测：如果 items 引用没变且不是强制更新，跳过更新\n    if (!forceUpdate && rows === this.lastRowItems && cols === this.lastColItems) {\n      return;\n    }\n    this.lastRowItems = rows;\n    this.lastColItems = cols;\n\n    if (!rows.length) {\n      if (this.groupRows.length || this.dataRows.length) {\n        this.groupRows = [];\n        this.dataRows = [];\n      }\n      return;\n    }\n\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\n    // 即使 cols 为空（所有列都冻结），也要渲染分组行\n    const firstCol = cols[0] || { start: 0, end: 0, size: 0, itemIndex: 0 };\n\n    // 使用缓存的选中行索引\n    const selectedRowIndices = this.getSelectedRowIndices();\n    \n    // 获取当前可见的物理索引数组\n    const dataItems = this.dataStore.get('items');\n\n    const groupRowsData: RowGroupingProps[] = [];\n    const dataRowsData: DataRowInfo[] = [];\n    \n    for (let i = 0; i < rows.length; i++) {\n      const rgRow = rows[i];\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\n      \n      if (!dataItem) {\n        continue;\n      }\n      \n      const physicalIndex = dataItems[rgRow.itemIndex];\n      \n      if (isGrouping(dataItem)) {\n        const groupName = dataItem[PSEUDO_GROUP_ITEM];\n        if (!groupName) {\n          this.groupRows = [];\n          this.dataRows = [];\n          return;\n        }\n        \n        groupRowsData.push({\n          ...rgRow,\n          index: rgRow.itemIndex,\n          model: dataItem,\n          groupingCustomRenderer,\n          hasExpand: true,\n          columnItems: [firstCol],\n          providers: this.providers,\n          getGroupSelection: this.getGroupSelection,\n          paddingDepth: this.paddingDepth,\n        });\n      } else {\n        const isSelected = physicalIndex !== undefined && selectedRowIndices.has(physicalIndex);\n        dataRowsData.push({\n          ...rgRow,\n          selected: isSelected,\n        });\n      }\n    }\n    \n    this.groupRows = groupRowsData;\n    this.dataRows = dataRowsData;\n  }\n\n  render() {\n    // 只有当既没有分组行也没有数据行时才不渲染\n    if (!this.groupRows.length && !this.dataRows.length) {\n      return null;\n    }\n    \n    return (\n      <Host>\n        <div class=\"grouping-rows-container\">\n          {this.groupRows.map(rowProps => (\n            <GroupingRowRenderer {...rowProps} key={`group-${rowProps.itemIndex}`} />\n          ))}\n          {this.dataRows.map(row => {\n            const attrs: any = {\n              class: 'rgRow dataRow',\n              key: `data-${row.itemIndex}`,\n              style: {\n                height: `${row.size}px`,\n                transform: `translateY(${row.start}px)`,\n              },\n              'data-rgRow': row.itemIndex,\n            };\n            if (row.selected) {\n              attrs.selected = '';\n            }\n            return <div {...attrs} />;\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/standalone/revogr-header-unified.d.ts

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

package/standalone/revogr-header-unified.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { R as RevogrHeaderUnifiedComponent, d as defineCustomElement$1 } from './revogr-header-unified2.js';
+
+const RevogrHeaderUnified = RevogrHeaderUnifiedComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrHeaderUnified, defineCustomElement };
+//# sourceMappingURL=revogr-header-unified.js.map
+
+//# sourceMappingURL=revogr-header-unified.js.map

package/standalone/revogr-header-unified.js.map

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