@stonecrop/aform 0.4.31 → 0.4.33

package/dist/aform.d.ts

@@ -9,7 +9,14 @@ import AForm from './components/AForm.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
 import type { App } from 'vue';
 import ATextInput from './components/form/ATextInput.vue';
+import { ComputedRef } from 'vue';
+import { CSSProperties } from 'vue';
 import Login from './components/utilities/Login.vue';
+import { Ref } from 'vue';
+import type { ShallowRef } from 'vue';
+import { Store } from 'pinia';
+import { useElementBounding } from '@vueuse/core';
+import { WritableComputedRef } from 'vue';
 
 export { ACheckbox }
 
@@ -79,6 +86,857 @@ export declare interface CellContext {
     };
 }
 
+/**
+ * Defined props for AForm components
+ * @public
+ */
+export declare type ComponentProps = {
+    /**
+     * The schema object to pass to the component
+     * @public
+     */
+    schema?: SchemaTypes;
+    /**
+     * The label to display in the component
+     * @public
+     */
+    label?: string;
+    /**
+     * The masking string to apply to inputs inside the component
+     * @public
+     */
+    mask?: string;
+    /**
+     * Indicate whether input is required for text and/or select elements inside the component
+     * @public
+     */
+    required?: boolean;
+    /**
+     * Indicate whether elements inside the component are read-only
+     * @public
+     */
+    readonly?: boolean;
+    /**
+     * Set a unique identifier for elements inside the component
+     * @public
+     */
+    uuid?: string;
+    /**
+     * Validation options for elements inside the component
+     * @public
+     */
+    validation?: {
+        /**
+         * The error message to display when validation fails
+         * @public
+         */
+        errorMessage: string;
+        [key: string]: any;
+    };
+};
+
+/**
+ * Connection event for handling connection creation/deletion.
+ * @public
+ */
+export declare type ConnectionEvent = {
+    type: 'create' | 'delete';
+    connection: ConnectionPath;
+};
+
+/**
+ * Connection handle information for gantt bar connections.
+ * @public
+ */
+export declare interface ConnectionHandle {
+    /**
+     * Unique identifier for the connection handle.
+     */
+    id: string;
+    /**
+     * The row index of the gantt bar this handle belongs to.
+     */
+    rowIndex: number;
+    /**
+     * The column index of the gantt bar this handle belongs to.
+     */
+    colIndex: number;
+    /**
+     * The side of the gantt bar where this handle is located.
+     */
+    side: 'left' | 'right';
+    /**
+     * The position of the connection handle.
+     */
+    position: {
+        x: ShallowRef<number>;
+        y: ShallowRef<number>;
+    };
+    /**
+     * Whether the handle is currently visible (on hover).
+     */
+    visible: Ref<boolean>;
+    /**
+     * Reference to the gantt bar this handle belongs to.
+     */
+    barId: string;
+}
+
+/**
+ * Connection path between two gantt bars.
+ * @public
+ */
+export declare interface ConnectionPath {
+    /**
+     * Unique identifier for the connection path.
+     */
+    id: string;
+    /**
+     * The source connection handle.
+     */
+    from: {
+        barId: string;
+        side: 'left' | 'right';
+    };
+    /**
+     * The target connection handle.
+     */
+    to: {
+        barId: string;
+        side: 'left' | 'right';
+    };
+    /**
+     * Optional styling for the connection path.
+     */
+    style?: {
+        color?: string;
+        width?: number;
+    };
+    /**
+     * Optional label for the connection.
+     */
+    label?: string;
+}
+
+/**
+ * Create a table store
+ * @param initData - Initial data for the table store
+ * @returns table store instance
+ * @public
+ */
+declare const createTableStore: (initData: {
+    columns: TableColumn[];
+    rows: TableRow[];
+    id?: string;
+    config?: TableConfig;
+    modal?: TableModal;
+}) => Store<`table-${string}`, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "columns" | "config" | "connectionHandles" | "connectionPaths" | "ganttBars" | "modal" | "rows" | "updates">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "display" | "table" | "hasPinnedColumns" | "isGanttView" | "isTreeView" | "isDependencyGraphEnabled" | "numberedRowWidth" | "zeroColumn">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "closeModal" | "createConnection" | "deleteConnection" | "getCellData" | "getCellDisplayValue" | "getConnectionsForBar" | "getFormattedValue" | "getHandlesForBar" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowGantt" | "isRowVisible" | "registerConnectionHandle" | "registerGanttBar" | "resizeColumn" | "setCellData" | "setCellText" | "toggleRowExpand" | "unregisterConnectionHandle" | "unregisterGanttBar" | "updateGanttBar" | "updateRows">>;
+
 /**
  * Schema structure for defining fieldsets inside AForm
  * @public
@@ -154,6 +1012,81 @@ export declare type FormSchema = BaseSchema & {
     mask?: string;
 };
 
+/**
+ * Gantt bar information for VueFlow integration.
+ * @public
+ */
+export declare interface GanttBarInfo {
+    /**
+     * Unique identifier for the gantt bar.
+     */
+    id: string;
+    /**
+     * The row index of the gantt bar.
+     */
+    rowIndex: number;
+    /**
+     * The primary column index of the gantt bar (typically the start index).
+     */
+    colIndex: number;
+    /**
+     * Starting column index of the gantt bar.
+     */
+    startIndex: Ref<number>;
+    /**
+     * Ending column index of the gantt bar.
+     */
+    endIndex: Ref<number>;
+    /**
+     * Color of the gantt bar.
+     */
+    color: Ref<string>;
+    /**
+     * The position of the gantt bar in the ATable component.
+     */
+    position: {
+        x: ShallowRef<number>;
+        y: ShallowRef<number>;
+    };
+    /**
+     * Display label for the gantt bar.
+     */
+    label?: string;
+}
+
+/**
+ * Gantt table drag event definition.
+ * @public
+ */
+export declare type GanttDragEvent = {
+    rowIndex: number;
+    colIndex: number;
+    delta: number;
+} & ({
+    type: 'bar';
+    oldStart: number;
+    oldEnd: number;
+    newStart: number;
+    newEnd: number;
+    colspan: number;
+} | {
+    type: 'resize';
+    edge: 'start';
+    oldStart: number;
+    newStart: number;
+    end: number;
+    oldColspan: number;
+    newColspan: number;
+} | {
+    type: 'resize';
+    edge: 'end';
+    oldEnd: number;
+    newEnd: number;
+    start: number;
+    oldColspan: number;
+    newColspan: number;
+});
+
 /**
  * Gantt chart options for table rows.
  * @public
@@ -362,6 +1295,160 @@ export declare interface TableConfig {
     dependencyGraph?: boolean;
 }
 
+/**
+ * Table display definition.
+ * @public
+ */
+export declare interface TableDisplay {
+    /**
+     * Indicates whether a row node is expanded or collapsed.
+     *
+     * Only applicable for list-expansion views.
+     *
+     * @defaultValue false
+     */
+    expanded?: boolean;
+    /**
+     * Indicates whether a row node's child nodes are open or closed.
+     *
+     * Only applicable for tree views.
+     *
+     * @defaultValue false
+     */
+    childrenOpen?: boolean;
+    /**
+     * Indicates whether a row node is a parent node. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    isParent?: boolean;
+    /**
+     * Indicates whether a row node is a root node. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    isRoot?: boolean;
+    /**
+     * Indicates whether a row node is visible. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    open?: boolean;
+    /**
+     * The indentation level of the row node.
+     *
+     * Only applicable for tree and gantt views.
+     *
+     * @defaultValue 0
+     */
+    indent?: number;
+    /**
+     * The HTML parent element for the row node. This is evaluated automatically while rendering
+     * the table.
+     *
+     * Only applicable for tree and gantt views.
+     */
+    parent?: number;
+    /**
+     * Indicates whether a row node has been modified. This is evaluated automatically when a cell
+     * is edited.
+     *
+     * @defaultValue false
+     */
+    rowModified?: boolean;
+}
+
+/**
+ * Table modal definition.
+ * @public
+ */
+export declare interface TableModal {
+    /**
+     * Indicates whether the table modal is currently visible.
+     *
+     * @defaultValue false
+     */
+    visible?: boolean;
+    /**
+     * The HTML cell element that the modal is currently being displayed for. The field is unset
+     * when the modal is not being displayed.
+     */
+    cell?: HTMLTableCellElement | null;
+    /**
+     * The HTML parent element that the modal is currently being displayed for. The field is unset
+     * when the modal is not being displayed.
+     */
+    parent?: HTMLElement;
+    /**
+     * The index of the column that the modal is currently being displayed for. The field is
+     * unset when the modal is not being displayed.
+     */
+    colIndex?: number;
+    /**
+     * The index of the row that the modal is currently being displayed for. The field is
+     * unset when the modal is not being displayed.
+     */
+    rowIndex?: number;
+    /**
+     * The component to use to render the modal. If not provided, the table will
+     * try to use the column's `modalComponent` property, if set. If that is not set,
+     * the table will not display a modal.
+     *
+     * @see {@link TableColumn.modalComponent}
+     */
+    component?: string;
+    /**
+     * Additional properties to pass to the table's modal component.
+     */
+    componentProps?: Record<string, any>;
+    /**
+     * Reactive bottom value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    bottom?: ReturnType<typeof useElementBounding>['bottom'];
+    /**
+     * Reactive height value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    height?: ReturnType<typeof useElementBounding>['height'];
+    /**
+     * Reactive left value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    left?: ReturnType<typeof useElementBounding>['left'];
+    /**
+     * Reactive width value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    width?: ReturnType<typeof useElementBounding>['width'];
+}
+
+/**
+ * Table modal component props definition.
+ * @public
+ */
+export declare interface TableModalProps {
+    /**
+     * Additional arbitrary properties that can be passed to the modal component.
+     */
+    [key: string]: any;
+    /**
+     * The index of the column that the modal is currently being displayed for.
+     */
+    colIndex: number;
+    /**
+     * The index of the row that the modal is currently being displayed for.
+     */
+    rowIndex: number;
+    /**
+     * The store for managing the current table's state.
+     */
+    store: ReturnType<typeof createTableStore>;
+}
+
 /**
  * Table row definition.
  * @public