open-grid 0.2.0

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

@@ -0,0 +1,55 @@
+import { ColumnDef } from '../types.js';
+import { RenderContext } from '../renderers/CellRenderer.js';
+
+export { DateEditor } from './DateEditor.js';
+export { SelectEditor } from './SelectEditor.js';
+export interface EditorResult {
+    committed: boolean;
+    value: any;
+}
+export interface CellEditor {
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (value: any) => void, onCancel: () => void): void;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}
+export declare class TextEditor implements CellEditor {
+    private input;
+    private _onCommit;
+    private _onCancel;
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (v: any) => void, onCancel: () => void): void;
+    private _onKeyDown;
+    private _onBlur;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}
+export declare class NumberEditor implements CellEditor {
+    private input;
+    private _onCommit;
+    private _onCancel;
+    private min;
+    private max;
+    private step;
+    constructor(opts?: {
+        min?: number;
+        max?: number;
+        step?: number;
+    });
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (v: any) => void, onCancel: () => void): void;
+    private _onKeyDown;
+    private _onBlur;
+    private _commit;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}
+export declare class CheckboxEditor implements CellEditor {
+    private chk;
+    private _onCommit;
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (v: any) => void, _onCancel: () => void): void;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}
+export declare function createEditor(col: ColumnDef): CellEditor;

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

@@ -0,0 +1,15 @@
+import { CellEditor } from './CellEditor.js';
+import { RenderContext } from '../renderers/CellRenderer.js';
+
+export declare class DateEditor implements CellEditor {
+    private input;
+    private _container;
+    private _onCommit;
+    private _onCancel;
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (v: any) => void, onCancel: () => void): void;
+    private _onKeyDown;
+    private _onBlur;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,21 @@
+import { CellEditor } from './CellEditor.js';
+import { RenderContext } from '../renderers/CellRenderer.js';
+
+export type SelectOption = string | {
+    label?: string;
+    text?: string;
+    value: any;
+};
+export declare class SelectEditor implements CellEditor {
+    private select;
+    private _container;
+    private _onCommit;
+    private _onCancel;
+    private _options;
+    private _optionsFn;
+    constructor(options?: SelectOption[], optionsFn?: (row: any, rowIndex: number) => SelectOption[]);
+    mount(container: HTMLElement, ctx: RenderContext, onCommit: (v: any) => void, onCancel: () => void): void;
+    getValue(): any;
+    focus(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,138 @@
+import { ColumnDef } from '../types.js';
+
+export interface RenderContext<T = any> {
+    value: any;
+    row: T;
+    rowIndex: number;
+    column: ColumnDef<T>;
+    colIndex: number;
+    isSelected: boolean;
+    rowState: 'none' | 'added' | 'edited' | 'removed';
+}
+export interface CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+/**
+ * 컬럼에 formula가 있으면 OGDecimal로 평가해 표시값(string)을 반환.
+ * formula가 없으면 null 반환 → 기존 ctx.value 사용.
+ */
+export declare function resolveFormula(ctx: RenderContext): string | null;
+export declare function formatNumber(value: any, format?: string, precision?: number): string;
+export declare function formatDate(value: any, format?: string): string;
+export declare class TextRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class SelectRenderer implements CellRenderer {
+    private _opts;
+    private _fn;
+    constructor(opts?: Array<{
+        label?: string;
+        text?: string;
+        value: any;
+    }>, fn?: (row: any, ri: number) => Array<{
+        label?: string;
+        text?: string;
+        value: any;
+    }>);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class NumberRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class DateRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class CheckboxRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export interface ButtonRendererDef {
+    type: 'button';
+    label?: string | ((value: any, row: any) => string);
+    buttonClass?: string;
+    style?: string;
+}
+export declare class ButtonRenderer implements CellRenderer {
+    private def?;
+    constructor(def?: ButtonRendererDef | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class BadgeRenderer implements CellRenderer {
+    private colorMap?;
+    private labelMap?;
+    constructor(colorMap?: Record<string, string> | undefined, labelMap?: Record<string, string> | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class LinkRenderer implements CellRenderer {
+    private hrefFn?;
+    private target?;
+    constructor(hrefFn?: ((value: any, row: any) => string) | undefined, target?: string | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class TemplateRenderer implements CellRenderer {
+    private templateFn;
+    constructor(templateFn: (value: any, row: any, rowIndex: number) => string);
+    render(ctx: RenderContext): HTMLElement;
+}
+export interface ImageRendererDef {
+    type: 'image';
+    width?: number;
+    height?: number;
+    radius?: number;
+    srcFn?: (value: any, row: any) => string;
+    alt?: string | ((value: any, row: any) => string);
+}
+export declare class ImageRenderer implements CellRenderer {
+    private def?;
+    constructor(def?: ImageRendererDef | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export interface ProgressRendererDef {
+    type: 'progress';
+    max?: number;
+    color?: string;
+    showLabel?: boolean;
+    colorFn?: (value: number) => string;
+}
+export declare class ProgressRenderer implements CellRenderer {
+    private def?;
+    constructor(def?: ProgressRendererDef | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export interface SparklineRendererDef {
+    type: 'sparkline';
+    width?: number;
+    height?: number;
+    color?: string;
+    chartType?: 'bar' | 'line' | 'area';
+}
+export declare class SparklineRenderer implements CellRenderer {
+    private def?;
+    constructor(def?: SparklineRendererDef | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class SwitchRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export interface RatingRendererDef {
+    type: 'rating';
+    max?: number;
+    color?: string;
+}
+export declare class RatingRenderer implements CellRenderer {
+    private def?;
+    constructor(def?: RatingRendererDef | undefined);
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class RadioRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class ImgRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class HtmlRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare class BarcodeRenderer implements CellRenderer {
+    render(ctx: RenderContext): HTMLElement;
+}
+export declare function createRenderer(col: ColumnDef): CellRenderer;