open-grid 0.2.0

package/dist/types/core/types.d.ts

@@ -0,0 +1,497 @@
+export type DataType = 'string' | 'number' | 'date' | 'boolean' | 'select' | 'radio' | 'img' | 'html' | 'barcode';
+export type { MaskType, MaskDef } from './MaskingEngine.js';
+export type SelectionMode = 'single' | 'row' | 'multiple' | 'cells';
+export type SortDir = 'asc' | 'desc';
+export type Position = 'first' | 'last' | 'before' | 'after' | number;
+export type RendererType = 'text' | 'number' | 'date' | 'checkbox' | 'button' | 'link' | 'image' | 'icon' | 'switch' | 'sparkline' | 'template' | 'custom' | 'badge' | 'progress' | 'rating' | 'radio' | 'img' | 'html' | 'barcode';
+export type EditorType = 'text' | 'number' | 'date' | 'select' | 'checkbox' | 'custom';
+export interface CellEvent<T = any> {
+    type: string;
+    rowIndex: number;
+    columnIndex: number;
+    field: string;
+    value: any;
+    row: T;
+    column: ColumnDef<T>;
+    target: HTMLElement;
+    originalEvent: MouseEvent;
+}
+export interface EditEvent<T = any> {
+    type: string;
+    rowIndex: number;
+    columnIndex: number;
+    field: string;
+    oldValue: any;
+    newValue: any;
+    row: T;
+    column: ColumnDef<T>;
+    cancel?: boolean;
+}
+export interface RowEvent<T = any> {
+    type: string;
+    rowIndex: number;
+    row: T;
+    target: HTMLElement;
+    originalEvent: MouseEvent;
+}
+export interface CellKeyEvent<T = any> {
+    type: string;
+    rowIndex: number;
+    columnIndex: number;
+    field: string;
+    value: any;
+    row: T;
+    column: ColumnDef<T>;
+    key: string;
+    target: HTMLElement;
+    originalEvent: KeyboardEvent;
+}
+export interface SortEvent {
+    field: string;
+    dir: SortDir;
+    sortList: SortItem[];
+}
+export interface FilterEvent {
+    field: string;
+    filterItems: FilterItem[];
+    allFilters: Record<string, FilterItem[]>;
+}
+export interface ScrollEvent {
+    scrollLeft: number;
+    scrollTop: number;
+    isAtTop: boolean;
+    isAtBottom: boolean;
+}
+export interface DragDropEvent<T = any> {
+    sourceRows: T[];
+    sourceIndexes: number[];
+    targetIndex: number;
+    targetGridId?: string;
+}
+export interface SelectionEvent<T = any> {
+    rows: T[];
+    rowIndexes: number[];
+    cells?: CellRange[];
+}
+export interface CellRange {
+    startRow: number;
+    endRow: number;
+    startCol: number;
+    endCol: number;
+}
+export interface RendererDef {
+    type: RendererType;
+    [key: string]: any;
+}
+export interface EditorDef {
+    type: EditorType;
+    options?: Array<string | {
+        label: string;
+        value: any;
+    }>;
+    multiple?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    format?: string;
+    placeholder?: string;
+    [key: string]: any;
+}
+export interface ColumnDef<T = any> {
+    field: string;
+    header: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    flex?: number;
+    type?: DataType;
+    format?: string;
+    valueMap?: Record<string, string>;
+    renderer?: RendererType | RendererDef;
+    editable?: boolean | ((row: T, rowIndex: number) => boolean);
+    editor?: EditorType | EditorDef;
+    align?: 'left' | 'center' | 'right';
+    headerAlign?: 'left' | 'center' | 'right';
+    cellStyle?: CSSProperties | ((value: any, row: T, rowIndex: number) => CSSProperties);
+    headerStyle?: CSSProperties;
+    sortable?: boolean;
+    filterable?: boolean;
+    resizable?: boolean;
+    hidden?: boolean;
+    frozen?: boolean;
+    colSpan?: boolean | ((row: T, rowIndex: number) => boolean);
+    rowSpan?: boolean;
+    children?: ColumnDef<T>[];
+    tooltip?: string | ((value: any, row: T) => string);
+    options?: Array<string | {
+        label: string;
+        value: any;
+    }>;
+    optionsFn?: (row: T, rowIndex: number) => Array<string | {
+        label: string;
+        value: any;
+    }>;
+    group?: string;
+    alt?: string;
+    sanitize?: boolean;
+    barcodeHeight?: number;
+    precision?: number;
+    formula?: string | ((row: T, D: any) => any);
+    formulaPrecision?: number;
+    mask?: import('./MaskingEngine.js').MaskType | import('./MaskingEngine.js').MaskDef;
+    treeNodeIcon?: TreeNodeIconDef | ((row: T, hasChildren: boolean, expanded: boolean) => string);
+    _colIndex?: number;
+    _depth?: number;
+    _leaf?: boolean;
+    _maskRevealed?: boolean;
+    _maskRevealedRows?: Set<number>;
+}
+export interface TreeNodeIconDef {
+    /** 접힌 branch 노드 아이콘 (Bootstrap Icons 클래스, 기본: 'bi-folder2') */
+    branch?: string;
+    /** 펼친 branch 노드 아이콘 (기본: 'bi-folder2-open') */
+    branchOpen?: string;
+    /** 리프 노드 아이콘 (기본: 'bi-file-earmark') */
+    leaf?: string;
+}
+type CSSProperties = Partial<Record<keyof CSSStyleDeclaration, string>>;
+export interface SortItem {
+    field: string;
+    dir: SortDir;
+}
+export interface FilterItem {
+    operator: '=' | '!=' | '>' | '>=' | '<' | '<=' | 'contains' | 'startsWith' | 'endsWith';
+    value: any;
+}
+export type SummaryOp = 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'COUNT';
+export interface SummaryFieldDef {
+    field: string;
+    op: SummaryOp;
+    label?: string;
+}
+export interface SummaryOptions {
+    fields: string[];
+    ops?: SummaryOp | SummaryOp[];
+    position?: 'top' | 'bottom';
+    rows?: Array<{
+        op: SummaryOp;
+        label?: string;
+        customFn?: (items: any[]) => number;
+    }>;
+}
+export interface FooterDef {
+    field?: string;
+    op?: SummaryOp;
+    label?: string;
+    /**
+     * 숫자 포맷 문자열
+     *  '#,##0'      → 천 단위 콤마, 정수
+     *  '#,##0.00'   → 천 단위 콤마, 소수 2자리
+     *  '0'          → 정수 (콤마 없음)
+     *  '0.00'       → 소수 2자리 (콤마 없음)
+     *  '2'          → 소수 2자리 (하위 호환)
+     */
+    format?: string;
+    align?: 'left' | 'center' | 'right';
+    /** 이 셀이 오른쪽으로 몇 컬럼을 병합할지 (기본: 1) */
+    colspan?: number;
+    renderer?: RendererType | RendererDef;
+}
+export interface PrintOptions {
+    title?: string;
+    excludeFields?: string[];
+    showFooter?: boolean;
+}
+export type ExportStyleMode = 'theme' | 'none' | 'custom';
+export interface ExportOptions {
+    filename?: string;
+    sheetName?: string;
+    includeHeader?: boolean;
+    exceptFields?: string[];
+    headers?: ExportHeaderRow[];
+    footers?: ExportHeaderRow[];
+    styleMode?: ExportStyleMode;
+    /** true 시 마스킹 활성 컬럼의 값을 마스킹된 형태로 내보냄 (기본: false = 원본 값) */
+    maskOnExport?: boolean;
+    onBefore?: () => void | Promise<void>;
+    onAfter?: (blob: Blob) => void;
+}
+export interface ExportHeaderRow {
+    text: string;
+    height?: number;
+    style?: {
+        fontSize?: number;
+        textAlign?: 'left' | 'center' | 'right';
+        bold?: boolean;
+        color?: string;
+        background?: string;
+    };
+}
+export interface GridOptions<T = any> {
+    columns: ColumnDef<T>[];
+    height?: number | string;
+    width?: number | string;
+    rowHeight?: number;
+    headerHeight?: number;
+    footerHeight?: number;
+    autoHeight?: boolean;
+    fillWidth?: boolean;
+    defaultColumnWidth?: number;
+    editable?: boolean;
+    editMode?: 'click' | 'dblclick' | 'none';
+    history?: boolean;
+    historySize?: number;
+    selection?: SelectionMode;
+    clipboard?: boolean;
+    sortable?: boolean;
+    multiSort?: boolean;
+    filterable?: boolean;
+    defaultSort?: SortItem[];
+    frozenColumns?: number;
+    frozenRows?: number;
+    rowNumber?: boolean;
+    stateColumn?: boolean;
+    checkColumn?: boolean;
+    draggable?: boolean;
+    mergeCells?: boolean;
+    groupBy?: string[];
+    summary?: SummaryOptions;
+    treeMode?: 'auto' | 'flat';
+    treeId?: string;
+    treeParentId?: string;
+    expandOnLoad?: boolean;
+    pagination?: boolean;
+    pageSize?: number;
+    footer?: FooterDef[];
+    footerPosition?: 'top' | 'bottom';
+    ariaLabel?: string;
+    theme?: string;
+    cssVars?: Record<string, string>;
+    contextMenu?: boolean | ContextMenuItem[];
+    worksheets?: WorksheetDef[];
+    calcPrecision?: number;
+    columnReorder?: boolean;
+    onReady?: (grid: OpenGridInstance<T>) => void;
+    onCellClick?: (e: CellEvent<T>) => void;
+    onCellDblClick?: (e: CellEvent<T>) => void;
+    onEditStart?: (e: EditEvent<T>) => void;
+    onEditEnd?: (e: EditEvent<T>) => void;
+    onEditBefore?: (e: EditEvent<T>) => boolean;
+    onRowClick?: (e: RowEvent<T>) => void;
+    onSelectionChange?: (e: SelectionEvent<T>) => void;
+    onSortChange?: (e: SortEvent) => void;
+    onFilterChange?: (e: FilterEvent) => void;
+    onScroll?: (e: ScrollEvent) => void;
+    onDrop?: (e: DragDropEvent<T>) => void;
+    onRowDrop?: (e: {
+        fromIndex: number;
+        toIndex: number;
+    }) => void;
+    onColumnReorder?: (e: {
+        fromIndex: number;
+        toIndex: number;
+        field: string;
+    }) => void;
+    onDataChange?: (data: T[]) => void;
+    onRowDblClick?: (e: RowEvent<T>) => void;
+    onRowMouseOver?: (e: RowEvent<T>) => void;
+    onRowMouseOut?: (e: RowEvent<T>) => void;
+    onRowMouseDown?: (e: RowEvent<T>) => void;
+    onRowMouseUp?: (e: RowEvent<T>) => void;
+    onRowMouseMove?: (e: RowEvent<T>) => void;
+    onCellMouseOver?: (e: CellEvent<T>) => void;
+    onCellMouseOut?: (e: CellEvent<T>) => void;
+    onCellMouseDown?: (e: CellEvent<T>) => void;
+    onCellMouseUp?: (e: CellEvent<T>) => void;
+    onCellMouseMove?: (e: CellEvent<T>) => void;
+    onCellKeyDown?: (e: CellKeyEvent<T>) => void;
+    onCellKeyUp?: (e: CellKeyEvent<T>) => void;
+    onCellKeyPress?: (e: CellKeyEvent<T>) => void;
+}
+export interface OpenGridInstance<T = any> {
+    setData(data: T[]): void;
+    getData(): T[];
+    getSourceRows(): T[];
+    pushData(data: T[]): void;
+    prefixData(data: T[]): void;
+    clearData(): void;
+    insertRow(item: Partial<T>, position?: Position): void;
+    pushRow(items: Partial<T> | Partial<T>[]): void;
+    unshiftRow(items: Partial<T> | Partial<T>[]): void;
+    deleteRow(rowIndex: number | number[]): void;
+    deleteById(ids: string[]): void;
+    readCell<K extends keyof T>(rowIndex: number, field: K): T[K];
+    readCell(rowIndex: number, field: string): any;
+    getDisplayValue(rowIndex: number, field: string): string;
+    writeCell(rowIndex: number, field: string, value: any): void;
+    getRowAt(rowIndex: number): T;
+    getChanges(): {
+        added: T[];
+        edited: T[];
+        removed: T[];
+    };
+    getEditedRows(): T[];
+    getChangedRows(): T[];
+    getChangedColumns(): Array<{
+        row: T;
+        fields: string[];
+        diff: Array<{
+            field: string;
+            oldValue: any;
+            newValue: any;
+        }>;
+    }>;
+    getAddedRows(): T[];
+    getRemovedRows(): T[];
+    getOriginalRow(rowIndex: number): T | undefined;
+    getRowsWithState(stateField: string): T[];
+    undo(): void;
+    redo(): void;
+    clearHistory(): void;
+    getColumnDefs(): ColumnDef<T>[];
+    getAllColumnDefs(): ColumnDef<T>[];
+    getColumnCount(): number;
+    applyColumns(columns: ColumnDef<T>[]): void;
+    insertColumn(colDef: ColumnDef<T>, position?: Position): void;
+    deleteColumn(field: string): void;
+    hideColumn(field: string | string[]): void;
+    showColumn(field: string | string[]): void;
+    getColumnIndex(field: string): number;
+    getFieldAt(index: number): string;
+    getColValues(field: string, all?: boolean): any[];
+    getUniqueValues(field: string, all?: boolean): any[];
+    setColWidths(widths: number[]): void;
+    calcColWidths(fitToGrid?: boolean): number[];
+    getSelections(): T[];
+    getActiveRow(): number;
+    activate(index: number): void;
+    deselect(): void;
+    getChecked(): Array<{
+        row: T;
+        rowIndex: number;
+    }>;
+    getAllChecked(): T[];
+    checkById(ids: string[]): void;
+    addCheckById(ids: string[]): void;
+    checkByValue(field: string, values: any[]): void;
+    uncheckById(ids: string[]): void;
+    uncheckAll(): void;
+    orderBy(field: string, dir?: SortDir): void;
+    orderBy(sortList: SortItem[]): void;
+    resetOrder(): void;
+    setFilter(field: string, filterItems: FilterItem[]): void;
+    resetFilter(field?: string): void;
+    getFilterState(): Record<string, FilterItem[]>;
+    restoreFilter(state: Record<string, FilterItem[]>): void;
+    freeze(columnCount: number): void;
+    freezeRows(rowCount: number): void;
+    groupBy(fields: string[]): void;
+    clearGroup(): void;
+    addTreeRow(item: Partial<T>, parentId: string, position?: Position): void;
+    expandAll(): void;
+    collapseAll(): void;
+    expandNodes(ids: string | string[], open?: boolean): void;
+    exportExcel(options?: ExportOptions | string): void;
+    exportCsv(options?: ExportOptions | string): void;
+    exportJson(options?: ExportOptions | string): void;
+    toArray(keyValue?: boolean): any[];
+    print(options?: PrintOptions): void;
+    jumpToRow(rowIndex: number): void;
+    jumpToCol(field: string): void;
+    getScrollPos(): {
+        x: number;
+        y: number;
+    };
+    setFooter(footerDef: FooterDef[]): void;
+    getFooterData(): any[];
+    getFooterValue(field: string): any;
+    resize(width?: number, height?: number): void;
+    setTheme(theme: string): void;
+    setThemeVar(varName: string, value: string): void;
+    destroy(): void;
+    setOptions(opts: Partial<GridOptions<T>>): void;
+    /** 컬럼 마스킹 ON/OFF. enabled=true → 마스킹 적용, enabled=false → 전체 해제 */
+    setMaskEnabled(field: string, enabled: boolean): void;
+    /** 현재 마스킹 활성 여부 반환 (true=마스킹 중) */
+    getMaskEnabled(field: string): boolean;
+    openContextMenu(e: MouseEvent, items?: ContextMenuItem[]): void;
+    closeContextMenu(): void;
+    setFilterSelect(config: import('./FilterSelect.js').FilterSelectConfig | null): void;
+    addWorksheet(name: string, columns?: ColumnDef<T>[], data?: T[]): void;
+    removeWorksheet(name: string): void;
+    switchWorksheet(name: string): void;
+    renameWorksheet(oldName: string, newName: string): void;
+    getWorksheet(name: string): WorksheetState<T> | undefined;
+    getWorksheetNames(): string[];
+    exportSheetsExcel(filename?: string): void;
+    on(event: string, handler: Function): OpenGridInstance<T>;
+    once(event: string, handler: Function): OpenGridInstance<T>;
+    off(event: string, handler?: Function): OpenGridInstance<T>;
+    emit(event: string, data?: any): void;
+    /**
+     * 트리거 등록.
+     * - 'before:{op}' : 작업 실행 전 호출. ctx.cancel() 시 해당 작업 중단.
+     * - 'after:{op}'  : 작업 완료 후 호출. ctx.result에 결과 포함.
+     * - 'complete'    : 모든 작업 완료 후 공통 핸들러.
+     *
+     * @example
+     * grid.addTrigger('before:insertRow', ctx => {
+     *   if (!ctx.args[0]?.name) ctx.cancel(); // 이름 없으면 삽입 중단
+     * });
+     * grid.addTrigger('after:setData', ctx => {
+     *   console.log('로드 완료:', ctx.result, '건');
+     * });
+     */
+    addTrigger(event: TriggerEvent | string, handler: TriggerHandler): this;
+    /** 트리거 제거 */
+    removeTrigger(event: TriggerEvent | string, handler: TriggerHandler): this;
+    /** 트리거 전체 또는 특정 이벤트 클리어 */
+    clearTriggers(event?: TriggerEvent | string): this;
+}
+export interface ContextMenuItem {
+    id?: string;
+    label?: string;
+    icon?: string;
+    action?: string | (() => void);
+    disabled?: boolean;
+    type?: 'divider';
+}
+export type { FilterSelectColumn, FilterSelectConfig } from './FilterSelect.js';
+export interface WorksheetDef<T = any> {
+    name: string;
+    columns?: ColumnDef<T>[];
+    data?: T[];
+}
+export interface WorksheetState<T = any> {
+    name: string;
+    columns: ColumnDef<T>[];
+    data: T[];
+}
+/**
+ * 트리거 컨텍스트.
+ * before:{op} 핸들러에서 ctx.cancel() 호출 → 해당 작업이 실행되지 않음.
+ * after:{op} / complete 핸들러에서는 ctx.result로 결과 확인 가능.
+ */
+export interface TriggerContext<TResult = any> {
+    /** 작업 이름 (setData, insertRow, deleteRow, writeCell, ...) */
+    readonly operation: string;
+    /** 작업에 전달된 인수 배열 */
+    readonly args: any[];
+    /** 작업 결과 (after:* / complete 에서만 채워짐) */
+    result?: TResult;
+    /** 취소 여부 — cancel() 호출 후 true가 됨 */
+    readonly cancelled: boolean;
+    /** 추가 정보 (트리거 간 데이터 공유 등) */
+    extra?: Record<string, any>;
+    /** 작업 시작 타임스탬프 (ms) */
+    readonly timestamp: number;
+    /**
+     * 작업 취소 — before:{op} 핸들러에서만 유효.
+     * 이후 핸들러도 실행되지 않으며 실제 작업도 중단된다.
+     */
+    cancel(): void;
+}
+/** 트리거 핸들러 함수 타입 */
+export type TriggerHandler<TResult = any> = (ctx: TriggerContext<TResult>) => void;
+/** 지원되는 트리거 이벤트명 */
+export type TriggerEvent = 'before:setData' | 'after:setData' | 'before:insertRow' | 'after:insertRow' | 'before:deleteRow' | 'after:deleteRow' | 'before:writeCell' | 'after:writeCell' | 'before:applyColumns' | 'after:applyColumns' | 'before:orderBy' | 'after:orderBy' | 'before:setFilter' | 'after:setFilter' | 'before:groupBy' | 'after:groupBy' | 'complete';

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+
+export { OpenGrid } from './core/OpenGrid.js';
+export { OrgChart } from './core/OrgChart.js';
+export { XmlConverter } from './core/XmlConverter.js';
+export type { OrgChartOptions, OrgChartColumnDef } from './core/OrgChart.js';
+export type { TreeNodeIconDef } from './core/types.js';
+export type { FilterSelectConfig, FilterSelectColumn } from './core/FilterSelect.js';
+export type { GridOptions, ColumnDef, OpenGridInstance, CellEvent, CellKeyEvent, EditEvent, RowEvent, SortItem, FilterItem, ExportOptions, FooterDef, SummaryOptions, RendererDef, EditorDef, DataType, SelectionMode, SortDir, Position, TriggerContext, TriggerHandler, TriggerEvent, } from './core/types.js';
+export type { XmlParseOptions, XmlStringifyOptions, SapParseResult, } from './core/XmlConverter.js';

package/dist/types/react/OpenGrid.d.ts

@@ -0,0 +1,34 @@
+import { default as React, CSSProperties } from 'react';
+import { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
+
+export interface OpenGridProps<T extends Record<string, any> = any> {
+    data?: T[];
+    columns: ColumnDef<T>[];
+    height?: number | string;
+    width?: number | string;
+    editable?: boolean;
+    sortable?: boolean;
+    filterable?: boolean;
+    rowNumber?: boolean;
+    checkColumn?: boolean;
+    frozenColumns?: number;
+    theme?: string;
+    options?: Partial<GridOptions<T>>;
+    style?: CSSProperties;
+    className?: string;
+    stateColumn?: boolean;
+    draggable?: boolean;
+    onReady?: (grid: OpenGridInstance<T>) => void;
+    onDataChange?: (data: T[]) => void;
+    onCellClick?: (e: any) => void;
+    onRowClick?: (e: any) => void;
+    onEditEnd?: (e: any) => void;
+    onSortChange?: (e: any) => void;
+    onFilterChange?: (e: any) => void;
+    onRowDrop?: (e: {
+        fromIndex: number;
+        toIndex: number;
+    }) => void;
+}
+export declare function OpenGridReact<T extends Record<string, any> = any>({ data, columns, height, width, editable, sortable, filterable, rowNumber, checkColumn, stateColumn, draggable, frozenColumns, theme, options, style, className, onReady, onDataChange, onCellClick, onRowClick, onEditEnd, onSortChange, onFilterChange, onRowDrop, }: OpenGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare const OpenGridWithRef: React.ForwardRefExoticComponent<OpenGridProps<any> & React.RefAttributes<OpenGridInstance<any>>>;

package/dist/types/react/index.d.ts

@@ -0,0 +1,2 @@
+export { OpenGridReact as OpenGrid } from './OpenGrid.js';
+export type { OpenGridProps } from './OpenGrid.js';

package/dist/types/vue/OpenGrid.vue.d.ts

@@ -0,0 +1,80 @@
+import { OpenGridInstance } from '../core/types.js';
+import { OpenGridProps } from './types.js';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OpenGridProps<any>>, {
+    data: () => never[];
+    height: number;
+    width: string;
+    editable: boolean;
+    sortable: boolean;
+    filterable: boolean;
+    rowNumber: boolean;
+    checkColumn: boolean;
+    stateColumn: boolean;
+    draggable: boolean;
+    frozenColumns: number;
+    theme: string;
+}>>, {
+    grid: import('vue').ShallowRef<OpenGridInstance<any> | null, OpenGridInstance<any> | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:data": (data: any[]) => void;
+    ready: (grid: OpenGridInstance<any>) => void;
+    "cell-click": (event: any) => void;
+    "row-click": (event: any) => void;
+    "edit-end": (event: any) => void;
+    "sort-change": (event: any) => void;
+    "filter-change": (event: any) => void;
+    "row-check": (event: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OpenGridProps<any>>, {
+    data: () => never[];
+    height: number;
+    width: string;
+    editable: boolean;
+    sortable: boolean;
+    filterable: boolean;
+    rowNumber: boolean;
+    checkColumn: boolean;
+    stateColumn: boolean;
+    draggable: boolean;
+    frozenColumns: number;
+    theme: string;
+}>>> & Readonly<{
+    onReady?: (grid: OpenGridInstance<any>) => any;
+    "onUpdate:data"?: (data: any[]) => any;
+    "onCell-click"?: (event: any) => any;
+    "onRow-click"?: (event: any) => any;
+    "onEdit-end"?: (event: any) => any;
+    "onSort-change"?: (event: any) => any;
+    "onFilter-change"?: (event: any) => any;
+    "onRow-check"?: (event: any) => any;
+}>, {
+    data: any[] | undefined;
+    height: number | string;
+    width: number | string;
+    theme: string;
+    editable: boolean;
+    sortable: boolean;
+    filterable: boolean;
+    frozenColumns: number;
+    rowNumber: boolean;
+    stateColumn: boolean;
+    checkColumn: boolean;
+    draggable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<T[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/vue/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OpenGrid } from './OpenGrid.vue';
+export type { OpenGridProps, OpenGridEmits } from './types.js';

package/dist/types/vue/types.d.ts

@@ -0,0 +1,28 @@
+import { GridOptions, ColumnDef, OpenGridInstance } from '../core/types.js';
+
+export interface OpenGridProps<T = any> {
+    data?: T[];
+    columns: ColumnDef<T>[];
+    height?: number | string;
+    width?: number | string;
+    editable?: boolean;
+    sortable?: boolean;
+    filterable?: boolean;
+    rowNumber?: boolean;
+    checkColumn?: boolean;
+    stateColumn?: boolean;
+    draggable?: boolean;
+    frozenColumns?: number;
+    theme?: string;
+    options?: Partial<GridOptions<T>>;
+}
+export interface OpenGridEmits<T = any> {
+    (e: 'update:data', data: T[]): void;
+    (e: 'ready', grid: OpenGridInstance<T>): void;
+    (e: 'cell-click', event: any): void;
+    (e: 'row-click', event: any): void;
+    (e: 'edit-end', event: any): void;
+    (e: 'sort-change', event: any): void;
+    (e: 'filter-change', event: any): void;
+    (e: 'row-check', event: any): void;
+}