@stonecrop/atable 0.2.63 → 0.2.65

package/dist/assets/index.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color);display:flex}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-183c4dd3]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-183c4dd3]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-183c4dd3]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-183c4dd3]:focus{outline:none}
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";.atable-cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1;white-space:nowrap;max-width:40ch}.atable-cell a{color:var(--sc-cell-text-color);text-decoration:none}.atable-cell:focus,.atable-cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:var(--sc-atable-cell-border-width);outline-style:solid;outline-offset:calc(var(--sc-atable-cell-border-width) * -1);outline-color:var(--sc-focus-cell-outline);box-shadow:none;overflow:hidden;text-wrap:nowrap;box-sizing:border-box}.row-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;display:flex;align-items:center;justify-content:center}.expandable-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color);display:flex}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.table-row{border-top:1px solid var(--sc-row-border-color);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:.5em;text-align:left;-webkit-user-select:none;user-select:none;width:7ch;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;box-sizing:border-box;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding)}.atable-header-row{display:flex}.atable-header-row th{padding-left:.5ch!important;font-weight:700;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);box-sizing:border-box;color:var(--sc-header-text-color)}#header-index{padding-left:var(--sc-atable-row-padding);box-sizing:border-box}.tree-index{padding-right:0}th{order:1}.list-expansion-index{width:2ch;margin-left:5px}:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}[data-v-20244978]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-cell-modified: #ffffb1;--sc-form-border: var(--sc-gray-5);--sc-form-background: #ffffff;--sc-input-field-background: #ffffff;--sc-input-field-disabled-background: var(--sc-gray-5);--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 5px;--sc-atable-row-height: 1.5em;--sc-atable-cell-border-width: 2px;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.atable[data-v-20244978]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse;box-sizing:border-box;table-layout:auto;width:auto}.atable th[data-v-20244978]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}.atable th[data-v-20244978]:focus{outline:none}

package/dist/atable.d.ts

@@ -1,17 +1,14 @@
-import ACell from '@/components/ACell.vue';
-import AExpansionRow from '@/components/AExpansionRow.vue';
+import ACell from './components/ACell.vue';
+import AExpansionRow from './components/AExpansionRow.vue';
 import { App } from 'vue';
-import ARow from '@/components/ARow.vue';
-import ATable from '@/components/ATable.vue';
-import ATableHeader from '@/components/ATableHeader.vue';
-import ATableModal from '@/components/ATableModal.vue';
-import { CellContext } from '@/types';
-import { TableColumn } from '@/types';
-import { TableConfig } from '@/types';
-import TableDataStore from './components';
-import { TableDisplay } from '@/types';
-import { TableModal } from '@/types';
-import { TableRow } from '@/types';
+import ARow from './components/ARow.vue';
+import ATable from './components/ATable.vue';
+import ATableHeader from './components/ATableHeader.vue';
+import ATableModal from './components/ATableModal.vue';
+import { ComputedRef } from 'vue';
+import { CSSProperties } from 'vue';
+import { Ref } from 'vue';
+import { Store } from 'pinia';
 
 export { ACell }
 
@@ -25,7 +22,351 @@ export { ATableHeader }
 
 export { ATableModal }
 
-export { CellContext }
+/**
+ * Table cell context definition.
+ * @public
+ */
+export declare type CellContext = {
+    row: TableRow;
+    column: TableColumn;
+    table: {
+        [key: string]: any;
+    };
+};
+
+/**
+ * Table cell context definition.
+ * @public
+ */
+declare type CellContext_2 = {
+    	row: TableRow_2
+    	column: TableColumn_2
+    	table: { [key: string]: any }
+}
+
+/**
+ * Create a table store
+ * @param initData - Initial data for the table store
+ * @returns table store instance
+ * @public
+ */
+export declare const createTableStore: (initData: {
+    columns: TableColumn_2[];
+    rows: TableRow_2[];
+    id?: string;
+    config?: TableConfig_2;
+    table?: {
+        [key: string]: any;
+    };
+    display?: TableDisplay_2[];
+    modal?: TableModal_2;
+}) => Store<`table-${string}`, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[], TableColumn_2[] | {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[]>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[], TableRow_2[] | {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}, TableConfig_2 | {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}>;
+table: Ref<    {}, {}>;
+display: Ref<    {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[], TableDisplay_2[] | {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[]>;
+modal: Ref<    {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}, TableModal_2 | {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}>;
+hasPinnedColumns: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHeaderCellStyle: (column: TableColumn_2) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
+isRowVisible: (rowIndex: number) => boolean;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+toggleRowExpand: (rowIndex: number) => void;
+}, "columns" | "rows" | "config" | "table" | "display" | "modal">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[], TableColumn_2[] | {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[]>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[], TableRow_2[] | {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}, TableConfig_2 | {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}>;
+table: Ref<    {}, {}>;
+display: Ref<    {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[], TableDisplay_2[] | {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[]>;
+modal: Ref<    {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}, TableModal_2 | {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}>;
+hasPinnedColumns: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHeaderCellStyle: (column: TableColumn_2) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
+isRowVisible: (rowIndex: number) => boolean;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+toggleRowExpand: (rowIndex: number) => void;
+}, "hasPinnedColumns" | "numberedRowWidth" | "zeroColumn">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[], TableColumn_2[] | {
+name: string;
+align?: CanvasTextAlign;
+edit?: boolean;
+label?: string;
+type?: string;
+width?: string;
+pinned?: boolean;
+cellComponent?: string;
+cellComponentProps?: Record<string, any>;
+modalComponent?: string | ((context?: CellContext_2) => string);
+modalComponentExtraProps?: Record<string, any>;
+format?: string | ((value: any, context?: CellContext_2) => string);
+mask?: (value: any) => any;
+}[]>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[], TableRow_2[] | {
+[x: string]: any;
+indent?: number;
+parent?: number;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}, TableConfig_2 | {
+view?: "uncounted" | "list" | "list-expansion" | "tree";
+fullWidth?: boolean;
+}>;
+table: Ref<    {}, {}>;
+display: Ref<    {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[], TableDisplay_2[] | {
+childrenOpen?: boolean;
+expanded?: boolean;
+indent?: number;
+isParent?: boolean;
+isRoot?: boolean;
+open?: boolean;
+parent?: number;
+rowModified?: boolean;
+}[]>;
+modal: Ref<    {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}, TableModal_2 | {
+colIndex?: number;
+event?: string;
+left?: number;
+parent?: HTMLElement;
+rowIndex?: number;
+top?: number;
+visible?: boolean;
+width?: string;
+component?: string;
+componentProps?: Record<string, any>;
+}>;
+hasPinnedColumns: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHeaderCellStyle: (column: TableColumn_2) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
+isRowVisible: (rowIndex: number) => boolean;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+toggleRowExpand: (rowIndex: number) => void;
+}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "toggleRowExpand">>;
 
 /**
  * Install all ATable components
@@ -34,16 +375,164 @@ export { CellContext }
  */
 export declare function install(app: App): void;
 
-export { TableColumn }
+/**
+ * Table column definition.
+ * @public
+ */
+export declare type TableColumn = {
+    name: string;
+    align?: CanvasTextAlign;
+    edit?: boolean;
+    label?: string;
+    type?: string;
+    width?: string;
+    pinned?: boolean;
+    cellComponent?: string;
+    cellComponentProps?: Record<string, any>;
+    modalComponent?: string | ((context?: CellContext) => string);
+    modalComponentExtraProps?: Record<string, any>;
+    format?: string | ((value: any, context?: CellContext) => string);
+    mask?: (value: any) => any;
+};
+
+/**
+ * Table column definition.
+ * @public
+ */
+declare type TableColumn_2 = {
+    	name: string
+
+    	align?: CanvasTextAlign
+    	edit?: boolean
+    	label?: string
+    	type?: string
+    	width?: string
+    	pinned?: boolean
 
-export { TableConfig }
+    	cellComponent?: string
+    	cellComponentProps?: Record<string, any>
+    	modalComponent?: string | ((context?: CellContext_2) => string)
+    	modalComponentExtraProps?: Record<string, any>
 
-export { TableDataStore }
+    	format?: string | ((value: any, context?: CellContext_2) => string)
+    	mask?: (value: any) => any
+}
 
-export { TableDisplay }
+/**
+ * Table configuration definition.
+ * @public
+ */
+export declare type TableConfig = {
+    /**
+     * The type of view to display the table in. Possible values:
+     * - `uncounted` - row numbers are not displayed in the table
+     * - `list` - row numbers are displayed in the table
+     * - `list-expansion` - carets are displayed in the number column that expand/collapse the row inline
+     * - `tree` - carets are displayed in the number column that expand/collapse grouped rows
+     */
+    view?: 'uncounted' | 'list' | 'list-expansion' | 'tree';
+    fullWidth?: boolean;
+};
 
-export { TableModal }
+/**
+ * Table configuration definition.
+ * @public
+ */
+declare type TableConfig_2 = {
+    	/**
+     	 * The type of view to display the table in. Possible values:
+     	 * - `uncounted` - row numbers are not displayed in the table
+     	 * - `list` - row numbers are displayed in the table
+     	 * - `list-expansion` - carets are displayed in the number column that expand/collapse the row inline
+     	 * - `tree` - carets are displayed in the number column that expand/collapse grouped rows
+     	 */
+    	view?: 'uncounted' | 'list' | 'list-expansion' | 'tree'
+    	fullWidth?: boolean
+}
 
-export { TableRow }
+/**
+ * Table display definition.
+ * @public
+ */
+export declare type TableDisplay = {
+    childrenOpen?: boolean;
+    expanded?: boolean;
+    indent?: number;
+    isParent?: boolean;
+    isRoot?: boolean;
+    open?: boolean;
+    parent?: number;
+    rowModified?: boolean;
+};
+
+/**
+ * Table display definition.
+ * @public
+ */
+declare type TableDisplay_2 = {
+    	childrenOpen?: boolean
+    	expanded?: boolean
+    	indent?: number
+    	isParent?: boolean
+    	isRoot?: boolean
+    	open?: boolean
+    	parent?: number
+    	rowModified?: boolean
+}
+
+/**
+ * Table modal definition.
+ * @public
+ */
+export declare type TableModal = {
+    colIndex?: number;
+    event?: string;
+    left?: number;
+    parent?: HTMLElement;
+    rowIndex?: number;
+    top?: number;
+    visible?: boolean;
+    width?: string;
+    component?: string;
+    componentProps?: Record<string, any>;
+};
+
+/**
+ * Table modal definition.
+ * @public
+ */
+declare type TableModal_2 = {
+    	colIndex?: number
+    	event?: string
+    	left?: number
+    	parent?: HTMLElement
+    	rowIndex?: number
+    	top?: number
+    	visible?: boolean
+    	width?: string
+
+    	component?: string
+    	componentProps?: Record<string, any>
+}
+
+/**
+ * Table row definition.
+ * @public
+ */
+export declare type TableRow = {
+    [key: string]: any;
+    indent?: number;
+    parent?: number;
+};
+
+/**
+ * Table row definition.
+ * @public
+ */
+declare type TableRow_2 = {
+    	[key: string]: any
+    	indent?: number
+    	parent?: number
+}
 
 export { }