@affino/datagrid-vue 0.3.2 → 0.3.3

package/dist/composables/useAutoResizeColumn.d.ts

@@ -1,14 +0,0 @@
-import type { ComputedRef, Ref } from "vue";
-import type { UiTableColumn } from "@affino/datagrid-core/types";
-interface UseAutoResizeColumnOptions {
-    minWidth?: number;
-    maxWidth?: number;
-    horizontalPadding?: number;
-    sampleLimit?: number;
-    onWidthChange: (column: UiTableColumn, width: number) => void;
-}
-export declare function useAutoResizeColumn(columns: Ref<UiTableColumn[]> | ComputedRef<UiTableColumn[]>, rows: Ref<unknown[]> | ComputedRef<unknown[]>, options: UseAutoResizeColumnOptions): {
-    autoResizeColumn: (column: UiTableColumn) => void;
-};
-export {};
-//# sourceMappingURL=useAutoResizeColumn.d.ts.map

package/dist/composables/useAutoResizeColumn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoResizeColumn.d.ts","sourceRoot":"","sources":["../../src/composables/useAutoResizeColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhE,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D;AAmBD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,CAAC,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC,EAC5D,IAAI,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC,EAC7C,OAAO,EAAE,0BAA0B;+BAuBD,aAAa;EA0BhD"}

package/dist/composables/useAutoResizeColumn.js

@@ -1,64 +0,0 @@
-function toDisplayText(value) {
-    if (value == null)
-        return "";
-    if (typeof value === "string")
-        return value;
-    if (typeof value === "number" || typeof value === "boolean") {
-        return String(value);
-    }
-    try {
-        return JSON.stringify(value);
-    }
-    catch {
-        return String(value);
-    }
-}
-function resolveRowList(rows) {
-    return rows.value ?? [];
-}
-export function useAutoResizeColumn(columns, rows, options) {
-    let canvasContext = null;
-    function ensureContext() {
-        if (canvasContext)
-            return canvasContext;
-        if (typeof document === "undefined")
-            return null;
-        const canvas = document.createElement("canvas");
-        canvasContext = canvas.getContext("2d");
-        if (!canvasContext)
-            return null;
-        const rootFont = getComputedStyle(document.documentElement).font;
-        canvasContext.font = rootFont || "14px system-ui";
-        return canvasContext;
-    }
-    function measureTextWidth(text) {
-        const context = ensureContext();
-        if (!context) {
-            return text.length * 8;
-        }
-        return context.measureText(text).width;
-    }
-    function autoResizeColumn(column) {
-        const currentColumn = columns.value.find(entry => entry.key === column.key) ?? column;
-        const min = Math.max(40, options.minWidth ?? currentColumn.minWidth ?? 96);
-        const max = Math.max(min, options.maxWidth ?? currentColumn.maxWidth ?? 960);
-        const padding = Math.max(8, options.horizontalPadding ?? 28);
-        const sampleLimit = Math.max(1, options.sampleLimit ?? 250);
-        const labelText = toDisplayText(currentColumn.label || currentColumn.key);
-        let measured = measureTextWidth(labelText);
-        const sourceRows = resolveRowList(rows);
-        const sample = sourceRows.slice(0, sampleLimit);
-        for (const row of sample) {
-            if (!row || typeof row !== "object")
-                continue;
-            const value = row[currentColumn.key];
-            const text = toDisplayText(value);
-            measured = Math.max(measured, measureTextWidth(text));
-        }
-        const width = Math.min(max, Math.max(min, Math.ceil(measured + padding)));
-        options.onWidthChange(currentColumn, width);
-    }
-    return {
-        autoResizeColumn,
-    };
-}

package/dist/composables/useAxisVirtualizer.d.ts

@@ -1,25 +0,0 @@
-import type { Ref } from "vue";
-import type { UiTableColumn } from "../../core/types";
-import { type AxisOrientation, type AxisVirtualizerContext, type AxisVirtualizerInternalContext, type AxisVirtualizerRange, type AxisVirtualizerState, type AxisVirtualizerStrategy } from "../../core/virtualization/axisVirtualizer";
-import { type VerticalVirtualizerMeta as CoreVerticalVirtualizerMeta } from "../../core/virtualization/verticalVirtualizer";
-import { type HorizontalVirtualizerMeta as CoreHorizontalVirtualizerMeta } from "../../core/virtualization/horizontalVirtualizer";
-export type { AxisOrientation, AxisVirtualizerContext, AxisVirtualizerInternalContext, AxisVirtualizerRange, AxisVirtualizerState, AxisVirtualizerStrategy, };
-export type { ColumnMetric } from "../core/virtualization/types";
-export type { ColumnPinMode } from "../../core/virtualization/types";
-export interface AxisVirtualizer<TMeta, TPayload> {
-    state: Ref<AxisVirtualizerState<TPayload>>;
-    update(context: AxisVirtualizerContext<TMeta>): AxisVirtualizerState<TPayload>;
-    getOffsetForIndex(index: number, context: AxisVirtualizerInternalContext<TMeta>): number;
-    isIndexVisible(index: number): boolean;
-}
-export declare function useAxisVirtualizer<TMeta, TPayload>(axis: AxisOrientation, strategy: AxisVirtualizerStrategy<TMeta, TPayload>, initialPayload: TPayload): AxisVirtualizer<TMeta, TPayload>;
-export interface VerticalVirtualizerMeta extends CoreVerticalVirtualizerMeta {
-    container: HTMLDivElement | null;
-}
-export declare function createVerticalVirtualizer(): AxisVirtualizer<VerticalVirtualizerMeta, VerticalVirtualizerPayload>;
-export interface HorizontalVirtualizerMeta extends CoreHorizontalVirtualizerMeta<UiTableColumn> {
-    container: HTMLDivElement | null;
-}
-export type { HorizontalVirtualizerPayload } from "../../core/virtualization/horizontalVirtualizer";
-export declare function createHorizontalVirtualizer(): AxisVirtualizer<HorizontalVirtualizerMeta, HorizontalVirtualizerPayload>;
-//# sourceMappingURL=useAxisVirtualizer.d.ts.map

package/dist/composables/useAxisVirtualizer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAxisVirtualizer.d.ts","sourceRoot":"","sources":["../../src/composables/useAxisVirtualizer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,EACnC,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC7B,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAEL,KAAK,uBAAuB,IAAI,2BAA2B,EAE5D,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAEL,KAAK,yBAAyB,IAAI,6BAA6B,EAEhE,MAAM,iDAAiD,CAAA;AAExD,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,8BAA8B,EAC9B,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,GACxB,CAAA;AACD,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,YAAY,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAEpE,MAAM,WAAW,eAAe,CAAC,KAAK,EAAE,QAAQ;IAC9C,KAAK,EAAE,GAAG,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC1C,MAAM,CAAC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IAC9E,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,8BAA8B,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;IACxF,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAA;CACvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAChD,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,uBAAuB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAClD,cAAc,EAAE,QAAQ,GACvB,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAoBlC;AAED,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAED,wBAAgB,yBAAyB,yEAOxC;AAED,MAAM,WAAW,yBACf,SAAQ,6BAA6B,CAAC,aAAa,CAAC;IACpD,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAED,YAAY,EAAE,4BAA4B,EAAE,MACrC,iDAAiD,CAAA;AAExD,wBAAgB,2BAA2B,6EAoB1C"}

package/dist/composables/useAxisVirtualizer.js

@@ -1,41 +0,0 @@
-import { shallowRef } from "vue";
-import { createAxisVirtualizer as createCoreAxisVirtualizer, } from "../../core/virtualization/axisVirtualizer";
-import { createVerticalAxisStrategy, } from "../../core/virtualization/verticalVirtualizer";
-import { createHorizontalAxisStrategy, } from "../../core/virtualization/horizontalVirtualizer";
-export function useAxisVirtualizer(axis, strategy, initialPayload) {
-    const coreVirtualizer = createCoreAxisVirtualizer(axis, strategy, initialPayload);
-    const state = shallowRef(coreVirtualizer.getState());
-    function update(context) {
-        const nextState = coreVirtualizer.update(context);
-        state.value = nextState;
-        return nextState;
-    }
-    return {
-        state,
-        update,
-        getOffsetForIndex(index, context) {
-            return coreVirtualizer.getOffsetForIndex(index, context);
-        },
-        isIndexVisible(index) {
-            return coreVirtualizer.isIndexVisible(index);
-        },
-    };
-}
-export function createVerticalVirtualizer() {
-    const strategy = createVerticalAxisStrategy();
-    return useAxisVirtualizer("vertical", strategy, undefined);
-}
-export function createHorizontalVirtualizer() {
-    const strategy = createHorizontalAxisStrategy();
-    return useAxisVirtualizer("horizontal", strategy, {
-        visibleStart: 0,
-        visibleEnd: 0,
-        leftPadding: 0,
-        rightPadding: 0,
-        totalScrollableWidth: 0,
-        visibleScrollableWidth: 0,
-        averageWidth: 0,
-        scrollSpeed: 0,
-        effectiveViewport: 0,
-    });
-}

package/dist/composables/useColumnGroups.d.ts

@@ -1,15 +0,0 @@
-import { type ComputedRef } from "vue";
-import type { UiTableColumn } from "../../core/types";
-import { type ColumnGroup } from "../../core/columns/columnGroup";
-import type { UiTableColumnGroupDef } from "../../core/types/column";
-export interface UseColumnGroupsOptions {
-    columns: () => UiTableColumn[];
-    groupDefs: () => UiTableColumnGroupDef[];
-}
-export interface UseColumnGroupsResult {
-    rootGroups: ComputedRef<ColumnGroup[]>;
-    ungroupedColumns: ComputedRef<UiTableColumn[]>;
-    displayedLeafColumns: ComputedRef<UiTableColumn[]>;
-}
-export declare function useColumnGroups(options: UseColumnGroupsOptions): UseColumnGroupsResult;
-//# sourceMappingURL=useColumnGroups.d.ts.map

package/dist/composables/useColumnGroups.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnGroups.d.ts","sourceRoot":"","sources":["../../src/composables/useColumnGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAClF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEpE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,aAAa,EAAE,CAAA;IAC9B,SAAS,EAAE,MAAM,qBAAqB,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;IACtC,gBAAgB,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAA;IAC9C,oBAAoB,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAA;CACnD;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAqCtF"}

package/dist/composables/useColumnGroups.js

@@ -1,35 +0,0 @@
-import { computed, ref } from "vue";
-import { buildColumnTree } from "../../core/columns/columnGroup";
-export function useColumnGroups(options) {
-    const createExpandedSignal = (initial) => ref(initial);
-    const tree = computed(() => {
-        const columnDefs = options.columns();
-        const groupDefs = options.groupDefs();
-        if (!groupDefs.length) {
-            return {
-                roots: [],
-                unusedColumns: columnDefs,
-            };
-        }
-        return buildColumnTree(columnDefs, groupDefs, {
-            createSignal: createExpandedSignal,
-        });
-    });
-    const rootGroups = computed(() => tree.value.roots);
-    const ungroupedColumns = computed(() => tree.value.unusedColumns);
-    const displayedLeafColumns = computed(() => {
-        if (!rootGroups.value.length) {
-            return options.columns();
-        }
-        const leaves = [];
-        for (const group of rootGroups.value) {
-            leaves.push(...group.getDisplayedLeafColumns());
-        }
-        return leaves;
-    });
-    return {
-        rootGroups,
-        ungroupedColumns,
-        displayedLeafColumns,
-    };
-}

package/dist/composables/useColumnHeaderInteractions.d.ts

@@ -1,38 +0,0 @@
-import { type ComputedRef } from "vue";
-import type { UiTableColumn } from "../../core/types";
-type ColumnSortDirection = "asc" | "desc";
-interface ColumnHeaderMenuBindings {
-    close: () => void;
-    col: UiTableColumn;
-    sortDirection: ColumnSortDirection | null;
-}
-interface UseColumnHeaderInteractionsOptions {
-    column: ComputedRef<UiTableColumn>;
-    isMenuDisabled: ComputedRef<boolean>;
-    sortDirection: ComputedRef<ColumnSortDirection | null>;
-    zoomScale: ComputedRef<number>;
-    tableContainer: () => HTMLElement | null;
-    externalMenuOpen: ComputedRef<boolean>;
-    emitResize: (columnKey: string, width: number) => void;
-    emitSelect: (event: MouseEvent | KeyboardEvent) => void;
-    emitMenuOpen: (close: () => void) => void;
-    emitMenuClose: () => void;
-    hideColumn?: (columnKey: string) => void;
-}
-export declare function useColumnHeaderInteractions(options: UseColumnHeaderInteractionsOptions): {
-    isMenuOpen: import("vue").Ref<boolean, boolean>;
-    popoverPanelStyle: import("vue").Ref<Record<string, string>, Record<string, string>>;
-    setMenuButtonElement: (element: HTMLElement | null) => void;
-    setPopoverPanelElement: (element: HTMLElement | null) => void;
-    setHeaderCellElement: (element: HTMLElement | null) => void;
-    toggleMenu: () => void;
-    openMenu: (emitEvent?: boolean) => void;
-    closeMenu: (emitEvent?: boolean) => void;
-    onHeaderClick: (event: MouseEvent | KeyboardEvent) => void;
-    onHeaderKeydown: (event: KeyboardEvent) => void;
-    startResize: (event: MouseEvent) => void;
-    autoResize: () => void;
-    menuSlotBindings: ComputedRef<ColumnHeaderMenuBindings>;
-};
-export {};
-//# sourceMappingURL=useColumnHeaderInteractions.d.ts.map

package/dist/composables/useColumnHeaderInteractions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnHeaderInteractions.d.ts","sourceRoot":"","sources":["../../src/composables/useColumnHeaderInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8D,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAClG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAKrD,KAAK,mBAAmB,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,GAAG,EAAE,aAAa,CAAA;IAClB,aAAa,EAAE,mBAAmB,GAAG,IAAI,CAAA;CAC1C;AAED,UAAU,kCAAkC;IAC1C,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IAClC,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACpC,aAAa,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;IACtD,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACxC,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,UAAU,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;IACvD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACzC,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAMD,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,kCAAkC;;;oCA+G9C,WAAW,GAAG,IAAI;sCAIhB,WAAW,GAAG,IAAI;oCAIpB,WAAW,GAAG,IAAI;;;;2BAiJ3B,UAAU,GAAG,aAAa;6BAMxB,aAAa;yBAiEjB,UAAU;;;EA8JvC"}