@affino/datagrid-vue 0.3.2 → 0.3.3

package/dist/cells/useCellStyle.js

@@ -1,128 +0,0 @@
-import { computed } from "vue";
-import { ALIGN_CLASS_MAP, normalizeAlign } from "./cellUtils.js";
-export function useCellStyle(props, context) {
-    const columnAlign = computed(() => normalizeAlign(props.col.align, "left"));
-    const columnTextAlignClass = computed(() => ALIGN_CLASS_MAP[columnAlign.value]);
-    const stickySide = computed(() => props.stickySide ?? (props.sticky ? "left" : null));
-    const validationShadowColor = "var(--ui-table-selection-validation-shadow, rgba(248, 113, 113, 0.75))";
-    const searchShadowColor = "var(--ui-table-selection-search-match-shadow, rgba(250, 204, 21, 0.7))";
-    const activeSearchShadowColor = "var(--ui-table-selection-search-match-active-shadow, rgba(37, 99, 235, 0.85))";
-    const inactiveErrorShadow = computed(() => {
-        if (!context.validationError.value)
-            return "";
-        if (context.editing.value)
-            return "";
-        return `inset 0 0 0 1px ${validationShadowColor}`;
-    });
-    const searchShadow = computed(() => {
-        if (!context.isSearchMatch.value && !context.isActiveSearchMatch.value)
-            return "";
-        if (context.isActiveSearchMatch.value) {
-            return `inset 0 0 0 2px ${activeSearchShadowColor}`;
-        }
-        return `inset 0 0 0 2px ${searchShadowColor}`;
-    });
-    const combinedShadow = computed(() => {
-        const parts = [];
-        if (inactiveErrorShadow.value)
-            parts.push(inactiveErrorShadow.value);
-        if (searchShadow.value)
-            parts.push(searchShadow.value);
-        return parts.join(", ");
-    });
-    const hasPriorityBackground = computed(() => {
-        if (context.editing.value)
-            return true;
-        if (context.isRowSelected.value || context.isColumnSelected.value || context.isRangeSelected.value)
-            return true;
-        if (context.validationError.value)
-            return true;
-        if (context.isActiveSearchMatch.value || context.isSearchMatch.value)
-            return true;
-        return false;
-    });
-    const pinnedBackground = computed(() => {
-        if (!stickySide.value)
-            return "";
-        if (hasPriorityBackground.value)
-            return "";
-        if (stickySide.value === "left") {
-            return "var(--ui-table-pinned-left-bg, var(--ui-table-pinned-bg, var(--ui-table-row-background-color)))";
-        }
-        if (stickySide.value === "right") {
-            return "var(--ui-table-pinned-right-bg, var(--ui-table-pinned-bg, var(--ui-table-row-background-color)))";
-        }
-        return "";
-    });
-    const pinnedDividerGradient = computed(() => {
-        if (!stickySide.value)
-            return "";
-        if (stickySide.value === "left") {
-            return "linear-gradient(to left, transparent calc(100% - var(--ui-table-pinned-left-divider-width, var(--ui-table-pinned-left-border-width, 1px))), var(--ui-table-pinned-left-divider-color, var(--ui-table-pinned-left-border-color, var(--ui-table-cell-border-color))) calc(100% - var(--ui-table-pinned-left-divider-width, var(--ui-table-pinned-left-border-width, 1px))))";
-        }
-        if (stickySide.value === "right") {
-            return "linear-gradient(to right, transparent calc(100% - var(--ui-table-pinned-right-divider-width, var(--ui-table-pinned-right-border-width, 1px))), var(--ui-table-pinned-right-divider-color, var(--ui-table-pinned-right-border-color, var(--ui-table-cell-border-color))) calc(100% - var(--ui-table-pinned-right-divider-width, var(--ui-table-pinned-right-border-width, 1px))))";
-        }
-        return "";
-    });
-    const highlightActive = computed(() => {
-        if (context.isSystemColumn.value || context.editing.value)
-            return false;
-        const hasSelection = context.isRowSelected.value ||
-            context.isColumnSelected.value ||
-            context.isRangeSelected.value;
-        if (hasSelection)
-            return true;
-        const hasSearch = context.isActiveSearchMatch.value || context.isSearchMatch.value;
-        if (hasSearch)
-            return true;
-        if (context.validationError.value)
-            return true;
-        return false;
-    });
-    const cellStyle = computed(() => {
-        const styles = {};
-        let stickyApplied = false;
-        if (stickySide.value === "left") {
-            styles.position = "sticky";
-            styles.left = props.stickyLeftOffset != null ? `${props.stickyLeftOffset}px` : "0px";
-            styles.zIndex = "10";
-            stickyApplied = true;
-        }
-        else if (stickySide.value === "right") {
-            styles.position = "sticky";
-            styles.right = props.stickyRightOffset != null ? `${props.stickyRightOffset}px` : "0px";
-            styles.zIndex = "10";
-            stickyApplied = true;
-        }
-        if (props.stickyTop) {
-            styles.position = "sticky";
-            styles.top = props.stickyTopOffset != null ? `${props.stickyTopOffset}px` : "0px";
-            styles.zIndex = stickyApplied ? "12" : "11";
-            stickyApplied = true;
-        }
-        if (context.isSelectionColumn.value) {
-            const current = Number(styles.zIndex ?? 0);
-            styles.zIndex = String(current > 0 ? Math.max(current, 40) : 40);
-        }
-        if (combinedShadow.value) {
-            styles.boxShadow = styles.boxShadow ? `${styles.boxShadow}, ${combinedShadow.value}` : combinedShadow.value;
-        }
-        if (pinnedBackground.value) {
-            styles.backgroundColor = pinnedBackground.value;
-        }
-        if (pinnedDividerGradient.value) {
-            styles.backgroundImage = pinnedDividerGradient.value;
-            styles.backgroundRepeat = "no-repeat";
-            styles.backgroundSize = "100% 100%";
-        }
-        return styles;
-    });
-    return {
-        columnTextAlignClass,
-        cellStyle,
-        combinedShadow,
-        highlightActive,
-        stickySide,
-    };
-}

package/dist/components/AffinoDataGridSimple.d.ts

@@ -1,107 +0,0 @@
-import { type PropType } from "vue";
-import type { DataGridColumnDef, DataGridSortState } from "@affino/datagrid-core";
-import { type UseAffinoDataGridUiOptions } from "../composables/useAffinoDataGridUi";
-import type { AffinoDataGridActionId, AffinoDataGridFeatures } from "../composables/useAffinoDataGrid.types";
-interface RowLike {
-    [key: string]: unknown;
-    rowId?: string | number;
-    id?: string | number;
-    key?: string | number;
-}
-export declare const AffinoDataGridSimple: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    rows: {
-        type: PropType<readonly RowLike[]>;
-        default: () => never[];
-    };
-    columns: {
-        type: PropType<readonly DataGridColumnDef[]>;
-        required: true;
-    };
-    features: {
-        type: PropType<UseAffinoDataGridUiOptions<any>["features"]>;
-        default: undefined;
-    };
-    initialSortState: {
-        type: PropType<readonly DataGridSortState[] | undefined>;
-        default: undefined;
-    };
-    toolbarActions: {
-        type: PropType<readonly AffinoDataGridActionId[] | undefined>;
-        default: undefined;
-    };
-    status: {
-        type: StringConstructor;
-        default: string;
-    };
-    showToolbar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showMetrics: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:rows": (_rows: readonly RowLike[]) => true;
-    "update:status": (_status: string) => true;
-    action: (_payload: {
-        actionId: AffinoDataGridActionId;
-        message: string;
-        affected: number;
-        ok: boolean;
-    }) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    rows: {
-        type: PropType<readonly RowLike[]>;
-        default: () => never[];
-    };
-    columns: {
-        type: PropType<readonly DataGridColumnDef[]>;
-        required: true;
-    };
-    features: {
-        type: PropType<UseAffinoDataGridUiOptions<any>["features"]>;
-        default: undefined;
-    };
-    initialSortState: {
-        type: PropType<readonly DataGridSortState[] | undefined>;
-        default: undefined;
-    };
-    toolbarActions: {
-        type: PropType<readonly AffinoDataGridActionId[] | undefined>;
-        default: undefined;
-    };
-    status: {
-        type: StringConstructor;
-        default: string;
-    };
-    showToolbar: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showMetrics: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:rows"?: ((_rows: readonly RowLike[]) => any) | undefined;
-    "onUpdate:status"?: ((_status: string) => any) | undefined;
-    onAction?: ((_payload: {
-        actionId: AffinoDataGridActionId;
-        message: string;
-        affected: number;
-        ok: boolean;
-    }) => any) | undefined;
-}>, {
-    features: AffinoDataGridFeatures<any> | undefined;
-    rows: readonly RowLike[];
-    initialSortState: readonly DataGridSortState[] | undefined;
-    toolbarActions: readonly AffinoDataGridActionId[] | undefined;
-    status: string;
-    showToolbar: boolean;
-    showMetrics: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default AffinoDataGridSimple;
-//# sourceMappingURL=AffinoDataGridSimple.d.ts.map

package/dist/components/AffinoDataGridSimple.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AffinoDataGridSimple.d.ts","sourceRoot":"","sources":["../../src/components/AffinoDataGridSimple.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,QAAQ,EAEd,MAAM,KAAK,CAAA;AACZ,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,oCAAoC,CAAA;AAC3C,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EAEvB,MAAM,wCAAwC,CAAA;AAE/C,UAAU,OAAO;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AA4CD,eAAO,MAAM,oBAAoB;;cAKZ,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC;;;;cAI5B,QAAQ,CAAC,SAAS,iBAAiB,EAAE,CAAC;;;;cAIrC,QAAQ,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;;;;cAItD,QAAQ,CAAC,SAAS,iBAAiB,EAAE,GAAG,SAAS,CAAC;;;;cAIlD,QAAQ,CAAC,SAAS,sBAAsB,EAAE,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;2BAiBjD,SAAS,OAAO,EAAE;+BACd,MAAM;uBACd;QAAE,QAAQ,EAAE,sBAAsB,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,OAAO,CAAA;KAAE;;;cAnCtF,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC;;;;cAI5B,QAAQ,CAAC,SAAS,iBAAiB,EAAE,CAAC;;;;cAIrC,QAAQ,CAAC,0BAA0B,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;;;;cAItD,QAAQ,CAAC,SAAS,iBAAiB,EAAE,GAAG,SAAS,CAAC;;;;cAIlD,QAAQ,CAAC,SAAS,sBAAsB,EAAE,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;kBAmBzC,sBAAsB;iBAAW,MAAM;kBAAY,MAAM;YAAM,OAAO;;;;;;;;;;4EAyWvG,CAAA;AAEF,eAAe,oBAAoB,CAAA"}

package/dist/components/AffinoDataGridSimple.js

@@ -1,349 +0,0 @@
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch, } from "vue";
-import { useAffinoDataGridUi, } from "../composables/useAffinoDataGridUi";
-function fallbackResolveRowKey(row, index) {
-    if (row.rowId !== undefined && row.rowId !== null) {
-        const rowKey = String(row.rowId).trim();
-        if (rowKey.length > 0) {
-            return rowKey;
-        }
-    }
-    if (row.id !== undefined && row.id !== null) {
-        const rowKey = String(row.id).trim();
-        if (rowKey.length > 0) {
-            return rowKey;
-        }
-    }
-    if (row.key !== undefined && row.key !== null) {
-        const rowKey = String(row.key).trim();
-        if (rowKey.length > 0) {
-            return rowKey;
-        }
-    }
-    throw new Error(`[AffinoDataGridSimple] Missing stable row identity at index ${index}. ` +
-        "Provide features.selection.resolveRowKey(row, index) or include non-empty rowId/id/key.");
-}
-function castDraftValue(previous, draft) {
-    if (typeof previous === "number") {
-        const parsed = Number(draft);
-        return Number.isFinite(parsed) ? parsed : previous;
-    }
-    if (typeof previous === "boolean") {
-        if (draft === "true") {
-            return true;
-        }
-        if (draft === "false") {
-            return false;
-        }
-        return previous;
-    }
-    return draft;
-}
-export const AffinoDataGridSimple = defineComponent({
-    name: "AffinoDataGridSimple",
-    inheritAttrs: false,
-    props: {
-        rows: {
-            type: Array,
-            default: () => [],
-        },
-        columns: {
-            type: Array,
-            required: true,
-        },
-        features: {
-            type: Object,
-            default: undefined,
-        },
-        initialSortState: {
-            type: Array,
-            default: undefined,
-        },
-        toolbarActions: {
-            type: Array,
-            default: undefined,
-        },
-        status: {
-            type: String,
-            default: "Ready",
-        },
-        showToolbar: {
-            type: Boolean,
-            default: true,
-        },
-        showMetrics: {
-            type: Boolean,
-            default: true,
-        },
-    },
-    emits: {
-        "update:rows": (_rows) => true,
-        "update:status": (_status) => true,
-        action: (_payload) => true,
-    },
-    setup(props, { attrs, emit, expose }) {
-        const internalRows = ref(props.rows);
-        const statusRef = ref(props.status);
-        let lastRowsSyncedFromProps = props.rows;
-        watch(() => props.rows, nextRows => {
-            lastRowsSyncedFromProps = nextRows;
-            internalRows.value = nextRows;
-        });
-        watch(internalRows, nextRows => {
-            if (nextRows === lastRowsSyncedFromProps) {
-                lastRowsSyncedFromProps = null;
-                return;
-            }
-            emit("update:rows", nextRows);
-        }, { deep: false });
-        watch(() => props.status, nextStatus => {
-            statusRef.value = nextStatus;
-        });
-        watch(statusRef, nextStatus => {
-            emit("update:status", nextStatus);
-        });
-        const resolveRowKey = (row, index) => {
-            const selectionConfig = props.features?.selection;
-            if (selectionConfig
-                && typeof selectionConfig === "object"
-                && typeof selectionConfig.resolveRowKey === "function") {
-                return selectionConfig.resolveRowKey(row, index);
-            }
-            return fallbackResolveRowKey(row, index);
-        };
-        const defaultCommit = async (session) => {
-            const rowIndex = internalRows.value.findIndex((row, index) => (resolveRowKey(row, index) === session.rowKey));
-            if (rowIndex < 0) {
-                return;
-            }
-            const row = internalRows.value[rowIndex];
-            const currentValue = row?.[session.columnKey];
-            const nextValue = castDraftValue(currentValue, session.draft);
-            const nextRow = {
-                ...row,
-                [session.columnKey]: nextValue,
-            };
-            const nextRows = internalRows.value.slice();
-            nextRows[rowIndex] = nextRow;
-            internalRows.value = nextRows;
-            statusRef.value = `Updated ${session.columnKey}`;
-        };
-        const incomingFeatures = props.features;
-        const normalizedFeatures = {
-            selection: incomingFeatures?.selection ?? true,
-            clipboard: incomingFeatures?.clipboard ?? true,
-            editing: (() => {
-                const editing = incomingFeatures?.editing;
-                if (editing === undefined) {
-                    return {
-                        enabled: true,
-                        mode: "cell",
-                        onCommit: defaultCommit,
-                    };
-                }
-                if (editing === true) {
-                    return {
-                        enabled: true,
-                        mode: "cell",
-                        onCommit: defaultCommit,
-                    };
-                }
-                if (editing === false) {
-                    return false;
-                }
-                if (editing.onCommit) {
-                    return editing;
-                }
-                return {
-                    ...editing,
-                    onCommit: defaultCommit,
-                };
-            })(),
-            filtering: incomingFeatures?.filtering,
-            summary: incomingFeatures?.summary,
-            visibility: incomingFeatures?.visibility,
-            tree: incomingFeatures?.tree,
-            rowHeight: incomingFeatures?.rowHeight,
-            keyboardNavigation: incomingFeatures?.keyboardNavigation ?? true,
-            interactions: incomingFeatures?.interactions,
-            headerFilters: incomingFeatures?.headerFilters,
-            feedback: incomingFeatures?.feedback,
-            statusBar: incomingFeatures?.statusBar,
-        };
-        const grid = useAffinoDataGridUi({
-            rows: internalRows,
-            columns: computed(() => props.columns),
-            initialSortState: props.initialSortState,
-            features: normalizedFeatures,
-            status: statusRef,
-            toolbarActions: props.toolbarActions,
-        });
-        const rowModelVersion = ref(0);
-        const unsubscribeRowModel = grid.rowModel.subscribe(() => {
-            rowModelVersion.value += 1;
-        });
-        onBeforeUnmount(() => {
-            unsubscribeRowModel();
-        });
-        const syncRowsFromModel = () => {
-            const count = grid.rowModel.getRowCount();
-            if (count <= 0) {
-                internalRows.value = [];
-                return;
-            }
-            const nodes = grid.rowModel.getRowsInRange({
-                start: 0,
-                end: count - 1,
-            });
-            const nextRows = nodes
-                .filter(node => node.kind === "leaf")
-                .map(node => node.data);
-            internalRows.value = nextRows;
-        };
-        const ROW_MUTATION_ACTIONS = new Set([
-            "cut",
-            "paste",
-            "clear",
-        ]);
-        const onActionResult = (actionId) => (result) => {
-            grid.ui.applyActionResult(result);
-            if (result.ok && ROW_MUTATION_ACTIONS.has(actionId)) {
-                syncRowsFromModel();
-            }
-            emit("action", {
-                actionId,
-                ok: result.ok,
-                message: result.message,
-                affected: result.affected,
-            });
-        };
-        const sortSignature = computed(() => grid.sortState.value
-            .map(entry => `${entry.key}:${entry.direction}`)
-            .join("|"));
-        const leafRows = computed(() => {
-            void sortSignature.value;
-            void rowModelVersion.value;
-            const count = grid.rowModel.getRowCount();
-            if (count <= 0) {
-                return [];
-            }
-            return grid.rowModel
-                .getRowsInRange({
-                start: 0,
-                end: count - 1,
-            })
-                .filter(row => row.kind === "leaf");
-        });
-        const statusText = computed(() => grid.ui.status.value);
-        const selectedCount = computed(() => grid.features.selection.selectedCount.value);
-        const visibleRowCount = computed(() => {
-            void rowModelVersion.value;
-            return grid.rowModel.getRowCount();
-        });
-        const renderCellValue = (row, columnKey) => {
-            const value = row[columnKey];
-            if (value === null || value === undefined) {
-                return "";
-            }
-            return String(value);
-        };
-        const setContextMenuRef = refValue => {
-            const element = refValue && typeof refValue.$el !== "undefined"
-                ? refValue.$el
-                : refValue;
-            grid.ui.bindContextMenuRef(element);
-        };
-        expose({
-            grid,
-            api: grid.api,
-            rowModel: grid.rowModel,
-            columnModel: grid.columnModel,
-        });
-        return () => h("section", {
-            ...attrs,
-            class: ["affino-datagrid-simple", attrs.class],
-        }, [
-            props.showToolbar
-                ? h("div", { class: "affino-datagrid-simple__toolbar" }, [
-                    ...(grid.ui.toolbarActions.value.map(action => h("button", {
-                        type: "button",
-                        class: "affino-datagrid-simple__toolbar-action",
-                        ...grid.bindings.actionButton(action.id, {
-                            onResult: onActionResult(action.id),
-                        }),
-                    }, action.label))),
-                    h("span", { class: "affino-datagrid-simple__status" }, statusText.value),
-                ])
-                : null,
-            props.showMetrics
-                ? h("div", { class: "affino-datagrid-simple__metrics" }, [
-                    h("span", `Rows: ${visibleRowCount.value}`),
-                    h("span", `Selected: ${selectedCount.value}`),
-                ])
-                : null,
-            h("div", { class: "affino-datagrid-simple__viewport" }, [
-                h("table", { class: "affino-datagrid-simple__table" }, [
-                    h("thead", h("tr", props.columns.map(column => h("th", {
-                        key: column.key,
-                        ...grid.ui.bindHeaderCell(column.key),
-                    }, [
-                        h("span", column.label ?? column.key),
-                        h("small", grid.ui.resolveHeaderAriaSort(column.key)),
-                    ])))),
-                    h("tbody", leafRows.value.map((rowNode, rowIndex) => {
-                        const rowData = rowNode.data;
-                        const rowKey = String(rowNode.rowId);
-                        return h("tr", {
-                            key: rowKey,
-                            class: {
-                                "affino-datagrid-simple__row": true,
-                                "is-selected": grid.features.selection.isSelectedByKey(rowKey),
-                            },
-                            ...grid.ui.bindRowSelection(rowData, rowIndex),
-                        }, props.columns.map(column => {
-                            const isEditing = grid.ui.isCellEditing(rowKey, column.key);
-                            return h("td", {
-                                key: `${rowKey}-${column.key}`,
-                                class: {
-                                    "affino-datagrid-simple__cell": true,
-                                    "is-editing": isEditing,
-                                },
-                                ...grid.ui.bindDataCell({
-                                    row: rowData,
-                                    rowIndex,
-                                    columnKey: column.key,
-                                    value: rowData[column.key],
-                                }),
-                            }, isEditing
-                                ? h("input", {
-                                    class: "affino-datagrid-simple__editor",
-                                    "data-inline-editor-column-key": column.key,
-                                    ...grid.ui.bindInlineEditor({
-                                        rowKey,
-                                        columnKey: column.key,
-                                    }),
-                                })
-                                : renderCellValue(rowData, column.key));
-                        }));
-                    })),
-                ]),
-                grid.contextMenu.state.value.visible
-                    ? h("div", {
-                        ref: setContextMenuRef,
-                        class: "affino-datagrid-simple__menu",
-                        style: grid.contextMenu.style.value,
-                        ...grid.ui.bindContextMenuRoot(),
-                    }, grid.contextMenu.actions.value.map(action => h("button", {
-                        key: action.id,
-                        type: "button",
-                        role: "menuitem",
-                        class: "affino-datagrid-simple__menu-item",
-                        ...grid.ui.bindContextMenuAction(action.id, {
-                            onResult: onActionResult(action.id),
-                        }),
-                    }, action.label)))
-                    : null,
-            ]),
-        ]);
-    },
-});
-export default AffinoDataGridSimple;

package/dist/components/DataGrid.d.ts

@@ -1,57 +0,0 @@
-import { type PropType } from "vue";
-import type { CreateDataGridCoreOptions, DataGridColumnDef, DataGridCoreServiceRegistry } from "@affino/datagrid-core";
-type DataGridRuntimeOverrides = Omit<Partial<DataGridCoreServiceRegistry>, "rowModel" | "columnModel" | "viewport"> & {
-    viewport?: DataGridCoreServiceRegistry["viewport"];
-};
-export declare const DataGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    rows: {
-        type: PropType<readonly unknown[]>;
-        default: () => never[];
-    };
-    columns: {
-        type: PropType<readonly DataGridColumnDef[]>;
-        required: true;
-    };
-    services: {
-        type: PropType<DataGridRuntimeOverrides | undefined>;
-        default: undefined;
-    };
-    startupOrder: {
-        type: PropType<CreateDataGridCoreOptions["startupOrder"] | undefined>;
-        default: undefined;
-    };
-    autoStart: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    rows: {
-        type: PropType<readonly unknown[]>;
-        default: () => never[];
-    };
-    columns: {
-        type: PropType<readonly DataGridColumnDef[]>;
-        required: true;
-    };
-    services: {
-        type: PropType<DataGridRuntimeOverrides | undefined>;
-        default: undefined;
-    };
-    startupOrder: {
-        type: PropType<CreateDataGridCoreOptions["startupOrder"] | undefined>;
-        default: undefined;
-    };
-    autoStart: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    rows: readonly unknown[];
-    startupOrder: readonly import("@affino/datagrid-core").DataGridCoreServiceName[] | undefined;
-    services: DataGridRuntimeOverrides | undefined;
-    autoStart: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default DataGrid;
-//# sourceMappingURL=DataGrid.d.ts.map

package/dist/components/DataGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/components/DataGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AACjE,OAAO,KAAK,EACV,yBAAyB,EACzB,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,uBAAuB,CAAA;AAG9B,KAAK,wBAAwB,GAAG,IAAI,CAClC,OAAO,CAAC,2BAA2B,CAAC,EACpC,UAAU,GAAG,aAAa,GAAG,UAAU,CACxC,GAAG;IACF,QAAQ,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CACnD,CAAA;AAED,eAAO,MAAM,QAAQ;;cAKA,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC;;;;cAI5B,QAAQ,CAAC,SAAS,iBAAiB,EAAE,CAAC;;;;cAIrC,QAAQ,CAAC,wBAAwB,GAAG,SAAS,CAAC;;;;cAI/C,QAAQ,CAAC,yBAAyB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;;;;;;;;;;;cAZ/D,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC;;;;cAI5B,QAAQ,CAAC,SAAS,iBAAiB,EAAE,CAAC;;;;cAIrC,QAAQ,CAAC,wBAAwB,GAAG,SAAS,CAAC;;;;cAI/C,QAAQ,CAAC,yBAAyB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;;;;;;;;;;;;4EAsDlF,CAAA;AAEF,eAAe,QAAQ,CAAA"}