tanstack-table-vue 0.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Evan N
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/TSTable.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+const vue = require('vue');
+const vueTable = require('@tanstack/vue-table');
+const shared_utils = require('../shared/utils.cjs');
+
+const _hoisted_1 = { class: "p-2" };
+const _hoisted_2 = ["colSpan"];
+const _hoisted_3 = ["colSpan"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "TSTable",
+  props: {
+    data: {},
+    columns: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const columnHelper = vueTable.createColumnHelper();
+    const tableColumns = vue.computed(() => {
+      return shared_utils.processColumns(columnHelper, props.columns, slots);
+    });
+    const table = vueTable.useVueTable({
+      get data() {
+        return props.data;
+      },
+      get columns() {
+        return tableColumns.value;
+      },
+      getCoreRowModel: vueTable.getCoreRowModel()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("table", null, [
+          vue.createElementVNode("thead", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(table).getHeaderGroups(), (headerGroup) => {
+              return vue.openBlock(), vue.createElementBlock("tr", {
+                key: headerGroup.id
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(headerGroup.headers, (header) => {
+                  return vue.openBlock(), vue.createElementBlock("th", {
+                    key: header.id,
+                    colSpan: header.colSpan
+                  }, [
+                    !header.isPlaceholder ? (vue.openBlock(), vue.createBlock(vue.unref(vueTable.FlexRender), {
+                      key: 0,
+                      render: header.column.columnDef.header,
+                      props: header.getContext()
+                    }, null, 8, ["render", "props"])) : vue.createCommentVNode("", true)
+                  ], 8, _hoisted_2);
+                }), 128))
+              ]);
+            }), 128))
+          ]),
+          vue.createElementVNode("tbody", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(table).getRowModel().rows, (row) => {
+              return vue.openBlock(), vue.createElementBlock("tr", {
+                key: row.id
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row.getVisibleCells(), (cell) => {
+                  return vue.openBlock(), vue.createElementBlock("td", {
+                    key: cell.id
+                  }, [
+                    vue.createVNode(vue.unref(vueTable.FlexRender), {
+                      render: cell.column.columnDef.cell,
+                      props: cell.getContext()
+                    }, null, 8, ["render", "props"])
+                  ]);
+                }), 128))
+              ]);
+            }), 128))
+          ]),
+          vue.createElementVNode("tfoot", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(table).getFooterGroups(), (footerGroup) => {
+              return vue.openBlock(), vue.createElementBlock("tr", {
+                key: footerGroup.id
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(footerGroup.headers, (header) => {
+                  return vue.openBlock(), vue.createElementBlock("th", {
+                    key: header.id,
+                    colSpan: header.colSpan
+                  }, [
+                    !header.isPlaceholder ? (vue.openBlock(), vue.createBlock(vue.unref(vueTable.FlexRender), {
+                      key: 0,
+                      render: header.column.columnDef.footer,
+                      props: header.getContext()
+                    }, null, 8, ["render", "props"])) : vue.createCommentVNode("", true)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=TSTable.cjs.map

package/dist/components/TSTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSTable.cjs","sources":["../../src/components/TSTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TSTableProps<TData extends object> {\n  data: TData[]\n  columns: ColumnDef<TData>[]\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"TData extends object\">\nimport type { ColumnDef, HeaderSlotProps, CellSlotProps, FooterSlotProps } from '../shared/types'\nimport { computed, useSlots } from 'vue'\nimport { FlexRender } from '@tanstack/vue-table'\nimport {\n  createColumnHelper,\n  useVueTable,\n  getCoreRowModel,\n} from '@tanstack/vue-table'\nimport { processColumns } from '../shared/utils';\n\nconst props = defineProps<TSTableProps<TData>>()\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;\n  [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;\n  [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;\n}>()\n\nconst slots = useSlots()\n\nconst columnHelper = createColumnHelper<TData>()\n\nconst tableColumns = computed(() => {\n  return processColumns(columnHelper, props.columns, slots)\n})\n\nconst table = useVueTable<TData>({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return tableColumns.value\n  },\n  getCoreRowModel: getCoreRowModel()\n})\n</script>\n\n<template>\n  <div class=\"p-2\">\n    <table>\n      <thead>\n        <tr v-for=\"headerGroup in table.getHeaderGroups()\" :key=\"headerGroup.id\">\n          <th v-for=\"header in headerGroup.headers\" :key=\"header.id\" :colSpan=\"header.colSpan\">\n            <FlexRender v-if=\"!header.isPlaceholder\" :render=\"header.column.columnDef.header\"\n              :props=\"header.getContext()\" />\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\">\n          <td v-for=\"cell in row.getVisibleCells()\" :key=\"cell.id\">\n            <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n          </td>\n        </tr>\n      </tbody>\n      <tfoot>\n        <tr v-for=\"footerGroup in table.getFooterGroups()\" :key=\"footerGroup.id\">\n          <th v-for=\"header in footerGroup.headers\" :key=\"header.id\" :colSpan=\"header.colSpan\">\n            <FlexRender v-if=\"!header.isPlaceholder\" :render=\"header.column.columnDef.footer\"\n              :props=\"header.getContext()\" />\n          </th>\n        </tr>\n      </tfoot>\n    </table>\n  </div>\n</template>"],"names":["useSlots","createColumnHelper","computed","processColumns","useVueTable","getCoreRowModel"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,QAAQA,YAAS,EAAA;AAEvB,IAAA,MAAM,eAAeC,2BAA0B,EAAA;AAE/C,IAAM,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAOC,2BAAe,CAAA,YAAA,EAAc,KAAM,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,MAAM,QAAQC,oBAAmB,CAAA;AAAA,MAC/B,IAAI,IAAO,GAAA;AACT,QAAA,OAAO,KAAM,CAAA,IAAA;AAAA,OACf;AAAA,MACA,IAAI,OAAU,GAAA;AACZ,QAAA,OAAO,YAAa,CAAA,KAAA;AAAA,OACtB;AAAA,MACA,iBAAiBC,wBAAgB;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/TSTable.js

@@ -0,0 +1,98 @@
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, unref, createBlock, createCommentVNode, createVNode } from 'vue';
+import { createColumnHelper, useVueTable, getCoreRowModel, FlexRender } from '@tanstack/vue-table';
+import { p as processColumns } from '../shared/utils.js';
+
+const _hoisted_1 = { class: "p-2" };
+const _hoisted_2 = ["colSpan"];
+const _hoisted_3 = ["colSpan"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TSTable",
+  props: {
+    data: {},
+    columns: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const columnHelper = createColumnHelper();
+    const tableColumns = computed(() => {
+      return processColumns(columnHelper, props.columns, slots);
+    });
+    const table = useVueTable({
+      get data() {
+        return props.data;
+      },
+      get columns() {
+        return tableColumns.value;
+      },
+      getCoreRowModel: getCoreRowModel()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("table", null, [
+          createElementVNode("thead", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(table).getHeaderGroups(), (headerGroup) => {
+              return openBlock(), createElementBlock("tr", {
+                key: headerGroup.id
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(headerGroup.headers, (header) => {
+                  return openBlock(), createElementBlock("th", {
+                    key: header.id,
+                    colSpan: header.colSpan
+                  }, [
+                    !header.isPlaceholder ? (openBlock(), createBlock(unref(FlexRender), {
+                      key: 0,
+                      render: header.column.columnDef.header,
+                      props: header.getContext()
+                    }, null, 8, ["render", "props"])) : createCommentVNode("", true)
+                  ], 8, _hoisted_2);
+                }), 128))
+              ]);
+            }), 128))
+          ]),
+          createElementVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(table).getRowModel().rows, (row) => {
+              return openBlock(), createElementBlock("tr", {
+                key: row.id
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(row.getVisibleCells(), (cell) => {
+                  return openBlock(), createElementBlock("td", {
+                    key: cell.id
+                  }, [
+                    createVNode(unref(FlexRender), {
+                      render: cell.column.columnDef.cell,
+                      props: cell.getContext()
+                    }, null, 8, ["render", "props"])
+                  ]);
+                }), 128))
+              ]);
+            }), 128))
+          ]),
+          createElementVNode("tfoot", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(table).getFooterGroups(), (footerGroup) => {
+              return openBlock(), createElementBlock("tr", {
+                key: footerGroup.id
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(footerGroup.headers, (header) => {
+                  return openBlock(), createElementBlock("th", {
+                    key: header.id,
+                    colSpan: header.colSpan
+                  }, [
+                    !header.isPlaceholder ? (openBlock(), createBlock(unref(FlexRender), {
+                      key: 0,
+                      render: header.column.columnDef.footer,
+                      props: header.getContext()
+                    }, null, 8, ["render", "props"])) : createCommentVNode("", true)
+                  ], 8, _hoisted_3);
+                }), 128))
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as _ };
+//# sourceMappingURL=TSTable.js.map

package/dist/components/TSTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSTable.js","sources":["../../src/components/TSTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TSTableProps<TData extends object> {\n  data: TData[]\n  columns: ColumnDef<TData>[]\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"TData extends object\">\nimport type { ColumnDef, HeaderSlotProps, CellSlotProps, FooterSlotProps } from '../shared/types'\nimport { computed, useSlots } from 'vue'\nimport { FlexRender } from '@tanstack/vue-table'\nimport {\n  createColumnHelper,\n  useVueTable,\n  getCoreRowModel,\n} from '@tanstack/vue-table'\nimport { processColumns } from '../shared/utils';\n\nconst props = defineProps<TSTableProps<TData>>()\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;\n  [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;\n  [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;\n}>()\n\nconst slots = useSlots()\n\nconst columnHelper = createColumnHelper<TData>()\n\nconst tableColumns = computed(() => {\n  return processColumns(columnHelper, props.columns, slots)\n})\n\nconst table = useVueTable<TData>({\n  get data() {\n    return props.data\n  },\n  get columns() {\n    return tableColumns.value\n  },\n  getCoreRowModel: getCoreRowModel()\n})\n</script>\n\n<template>\n  <div class=\"p-2\">\n    <table>\n      <thead>\n        <tr v-for=\"headerGroup in table.getHeaderGroups()\" :key=\"headerGroup.id\">\n          <th v-for=\"header in headerGroup.headers\" :key=\"header.id\" :colSpan=\"header.colSpan\">\n            <FlexRender v-if=\"!header.isPlaceholder\" :render=\"header.column.columnDef.header\"\n              :props=\"header.getContext()\" />\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"row in table.getRowModel().rows\" :key=\"row.id\">\n          <td v-for=\"cell in row.getVisibleCells()\" :key=\"cell.id\">\n            <FlexRender :render=\"cell.column.columnDef.cell\" :props=\"cell.getContext()\" />\n          </td>\n        </tr>\n      </tbody>\n      <tfoot>\n        <tr v-for=\"footerGroup in table.getFooterGroups()\" :key=\"footerGroup.id\">\n          <th v-for=\"header in footerGroup.headers\" :key=\"header.id\" :colSpan=\"header.colSpan\">\n            <FlexRender v-if=\"!header.isPlaceholder\" :render=\"header.column.columnDef.footer\"\n              :props=\"header.getContext()\" />\n          </th>\n        </tr>\n      </tfoot>\n    </table>\n  </div>\n</template>"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAQd,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAA,MAAM,eAAe,kBAA0B,EAAA;AAE/C,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,cAAe,CAAA,YAAA,EAAc,KAAM,CAAA,OAAA,EAAS,KAAK,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,MAAM,QAAQ,WAAmB,CAAA;AAAA,MAC/B,IAAI,IAAO,GAAA;AACT,QAAA,OAAO,KAAM,CAAA,IAAA;AAAA,OACf;AAAA,MACA,IAAI,OAAU,GAAA;AACZ,QAAA,OAAO,YAAa,CAAA,KAAA;AAAA,OACtB;AAAA,MACA,iBAAiB,eAAgB;AAAA,KAClC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components_TSTable = require('./components/TSTable.cjs');
+const shared_defineColumns = require('./shared/defineColumns.cjs');
+const shared_utils = require('./shared/utils.cjs');
+
+
+
+exports.TSTable = components_TSTable._sfc_main;
+exports.defineColumns = shared_defineColumns.defineColumns;
+exports.processColumns = shared_utils.processColumns;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+import { AllowedComponentProps } from 'vue';
+import { CellContext } from '@tanstack/vue-table';
+import { Column } from '@tanstack/vue-table';
+import { ColumnDef as ColumnDef_2 } from '@tanstack/vue-table';
+import { ColumnHelper } from '@tanstack/vue-table';
+import { ComponentCustomProps } from 'vue';
+import { HeaderContext } from '@tanstack/vue-table';
+import { PublicProps } from 'vue';
+import { Row } from '@tanstack/vue-table';
+import { RowData } from '@tanstack/vue-table';
+import { ShallowUnwrapRef } from 'vue';
+import { Slots } from 'vue';
+import { Table } from '@tanstack/vue-table';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+export declare interface AccessorColumnDef {
+    id: string;
+    type?: "accessor";
+    header?: string;
+    footer?: string | ((props: any) => any);
+    cell?: (info: any) => any;
+    meta?: Record<string, any>;
+}
+
+export declare interface CellSlotProps<TData extends RowData> {
+    row: Row<TData>;
+    context: CellContext<TData, unknown>;
+    value: any;
+}
+
+declare type ColumnConfig<TData extends object> = {
+    id: keyof TData & string;
+    header?: string;
+    footer?: string;
+};
+
+export declare type ColumnDef<TData extends object> = DisplayColumnDef | AccessorColumnDef | GroupColumnDef<TData>;
+
+export declare function defineColumns<TData extends object>(columns: (ColumnConfig<TData> | GroupConfig<TData>)[]): ColumnDef<TData>[];
+
+export declare interface DisplayColumnDef {
+    id: string;
+    type: "display";
+    header?: string;
+    footer?: string | ((props: any) => any);
+}
+
+export declare interface FooterSlotProps<TData extends RowData> {
+    column: Column<TData>;
+    context: HeaderContext<TData, unknown>;
+}
+
+export declare interface GroupColumnDef<TData extends object> {
+    id: string;
+    type: "group";
+    header?: string;
+    footer?: string | ((props: any) => any);
+    columns: Array<ColumnDef_2<TData>>;
+    meta?: Record<string, any>;
+}
+
+declare type GroupConfig<TData extends object> = {
+    id: string;
+    header?: string;
+    footer?: string;
+    columns: ColumnConfig<TData>[];
+};
+
+export declare interface HeaderSlotProps<TData extends RowData> {
+    column: Column<TData>;
+    context: HeaderContext<TData, unknown>;
+}
+
+export declare const processColumns: <TData extends RowData & object>(columnHelper: ColumnHelper<TData>, columns: ColumnDef<TData>[], slots: Readonly<Slots>) => ColumnDef_2<TData>[];
+
+export declare interface TableContext<TData extends RowData> {
+    table: Table<TData>;
+    column: Column<TData>;
+    row?: Row<TData>;
+    getValue: () => any;
+}
+
+export declare const TSTable: <TData extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & TSTableProps<TData> & Partial<{}>> & PublicProps;
+    expose(exposed: ShallowUnwrapRef<    {}>): void;
+    attrs: any;
+    slots: Readonly<{
+        [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;
+        [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;
+        [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;
+    }> & {
+        [key: `cell-${string}`]: (props: CellSlotProps<TData>) => any;
+        [key: `header-${string}`]: (props: HeaderSlotProps<TData>) => any;
+        [key: `footer-${string}`]: (props: FooterSlotProps<TData>) => any;
+    };
+    emit: {};
+}>) => VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+
+export declare interface TSTableProps<TData extends object> {
+    data: TData[];
+    columns: ColumnDef<TData>[];
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1,4 @@
+export { _ as TSTable } from './components/TSTable.js';
+export { d as defineColumns } from './shared/defineColumns.js';
+export { p as processColumns } from './shared/utils.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/shared/defineColumns.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+function defineColumns(columns) {
+  return columns.map((col) => {
+    if ("columns" in col) {
+      return {
+        id: col.id,
+        type: "group",
+        header: col.header,
+        footer: col.footer,
+        columns: defineColumns(col.columns)
+      };
+    }
+    return {
+      id: col.id,
+      type: "accessor",
+      header: col.header,
+      footer: col.footer
+    };
+  });
+}
+
+exports.defineColumns = defineColumns;
+//# sourceMappingURL=defineColumns.cjs.map

package/dist/shared/defineColumns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineColumns.cjs","sources":["../../src/shared/defineColumns.ts"],"sourcesContent":["import type { ColumnDef } from \"./types\";\n\ntype ColumnConfig<TData extends object> = {\n  id: keyof TData & string;\n  header?: string;\n  footer?: string;\n};\n\ntype GroupConfig<TData extends object> = {\n  id: string;\n  header?: string;\n  footer?: string;\n  columns: ColumnConfig<TData>[];\n};\n\nexport function defineColumns<TData extends object>(\n  columns: (ColumnConfig<TData> | GroupConfig<TData>)[]\n): ColumnDef<TData>[] {\n  return columns.map((col): ColumnDef<TData> => {\n    if (\"columns\" in col) {\n      return {\n        id: col.id,\n        type: \"group\",\n        header: col.header,\n        footer: col.footer,\n        columns: defineColumns(col.columns),\n      };\n    }\n\n    return {\n      id: col.id,\n      type: \"accessor\",\n      header: col.header,\n      footer: col.footer,\n    };\n  });\n}\n"],"names":[],"mappings":";;AAeO,SAAS,cACd,OACoB,EAAA;AACpB,EAAO,OAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAA0B,KAAA;AAC5C,IAAA,IAAI,aAAa,GAAK,EAAA;AACpB,MAAO,OAAA;AAAA,QACL,IAAI,GAAI,CAAA,EAAA;AAAA,QACR,IAAM,EAAA,OAAA;AAAA,QACN,QAAQ,GAAI,CAAA,MAAA;AAAA,QACZ,QAAQ,GAAI,CAAA,MAAA;AAAA,QACZ,OAAA,EAAS,aAAc,CAAA,GAAA,CAAI,OAAO;AAAA,OACpC;AAAA;AAGF,IAAO,OAAA;AAAA,MACL,IAAI,GAAI,CAAA,EAAA;AAAA,MACR,IAAM,EAAA,UAAA;AAAA,MACN,QAAQ,GAAI,CAAA,MAAA;AAAA,MACZ,QAAQ,GAAI,CAAA;AAAA,KACd;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/shared/defineColumns.js

@@ -0,0 +1,22 @@
+function defineColumns(columns) {
+  return columns.map((col) => {
+    if ("columns" in col) {
+      return {
+        id: col.id,
+        type: "group",
+        header: col.header,
+        footer: col.footer,
+        columns: defineColumns(col.columns)
+      };
+    }
+    return {
+      id: col.id,
+      type: "accessor",
+      header: col.header,
+      footer: col.footer
+    };
+  });
+}
+
+export { defineColumns as d };
+//# sourceMappingURL=defineColumns.js.map

package/dist/shared/defineColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineColumns.js","sources":["../../src/shared/defineColumns.ts"],"sourcesContent":["import type { ColumnDef } from \"./types\";\n\ntype ColumnConfig<TData extends object> = {\n  id: keyof TData & string;\n  header?: string;\n  footer?: string;\n};\n\ntype GroupConfig<TData extends object> = {\n  id: string;\n  header?: string;\n  footer?: string;\n  columns: ColumnConfig<TData>[];\n};\n\nexport function defineColumns<TData extends object>(\n  columns: (ColumnConfig<TData> | GroupConfig<TData>)[]\n): ColumnDef<TData>[] {\n  return columns.map((col): ColumnDef<TData> => {\n    if (\"columns\" in col) {\n      return {\n        id: col.id,\n        type: \"group\",\n        header: col.header,\n        footer: col.footer,\n        columns: defineColumns(col.columns),\n      };\n    }\n\n    return {\n      id: col.id,\n      type: \"accessor\",\n      header: col.header,\n      footer: col.footer,\n    };\n  });\n}\n"],"names":[],"mappings":"AAeO,SAAS,cACd,OACoB,EAAA;AACpB,EAAO,OAAA,OAAA,CAAQ,GAAI,CAAA,CAAC,GAA0B,KAAA;AAC5C,IAAA,IAAI,aAAa,GAAK,EAAA;AACpB,MAAO,OAAA;AAAA,QACL,IAAI,GAAI,CAAA,EAAA;AAAA,QACR,IAAM,EAAA,OAAA;AAAA,QACN,QAAQ,GAAI,CAAA,MAAA;AAAA,QACZ,QAAQ,GAAI,CAAA,MAAA;AAAA,QACZ,OAAA,EAAS,aAAc,CAAA,GAAA,CAAI,OAAO;AAAA,OACpC;AAAA;AAGF,IAAO,OAAA;AAAA,MACL,IAAI,GAAI,CAAA,EAAA;AAAA,MACR,IAAM,EAAA,UAAA;AAAA,MACN,QAAQ,GAAI,CAAA,MAAA;AAAA,MACZ,QAAQ,GAAI,CAAA;AAAA,KACd;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/shared/utils.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+const capitalize = require('lodash.capitalize');
+
+const getHeader = (col, slots, context) => {
+  if (col.header) {
+    return col.header;
+  }
+  const slotName = `header-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      column: context.column,
+      context
+    });
+  }
+  return capitalize(col.id.split("-").join(" "));
+};
+const getFooter = (col, slots, context) => {
+  if (col.footer) {
+    return col.footer;
+  }
+  const slotName = `footer-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      column: context.column,
+      context
+    });
+  }
+  return void 0;
+};
+const getCell = (col, slots, context) => {
+  const slotName = `cell-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      row: context.row,
+      context,
+      value: context.getValue()
+    });
+  }
+  return context.getValue();
+};
+const processColumns = (columnHelper, columns, slots) => {
+  return columns.map((col) => {
+    if (col.type === "group") {
+      const groupCol = col;
+      return columnHelper.group({
+        id: groupCol.id,
+        header: (context) => getHeader(groupCol, slots, context),
+        footer: (context) => getFooter(groupCol, slots, context),
+        columns: processColumns(columnHelper, groupCol.columns, slots)
+      });
+    }
+    if (col.type === "display") {
+      return columnHelper.display({
+        id: col.id,
+        header: (context) => getHeader(col, slots, context),
+        footer: (context) => getFooter(col, slots, context),
+        cell: (context) => getCell(col, slots, context)
+      });
+    }
+    const accessorCol = col;
+    return columnHelper.accessor((row) => row[accessorCol.id], {
+      id: accessorCol.id,
+      header: (context) => getHeader(col, slots, context),
+      footer: (context) => getFooter(col, slots, context),
+      cell: (context) => getCell(col, slots, context)
+    });
+  });
+};
+
+exports.processColumns = processColumns;
+//# sourceMappingURL=utils.cjs.map

package/dist/shared/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../src/shared/utils.ts"],"sourcesContent":["import type {\n  ColumnHelper,\n  HeaderContext,\n  CellContext,\n  RowData,\n  ColumnDef as TStackColumnDef,\n} from '@tanstack/vue-table'\nimport type { Slots } from 'vue'\nimport capitalize from 'lodash.capitalize'\nimport type {\n  ColumnDef,\n  AccessorColumnDef,\n  GroupColumnDef,\n  HeaderSlotProps,\n  CellSlotProps,\n  FooterSlotProps,\n} from './types'\n\nconst getHeader = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, unknown>,\n) => {\n  if (col.header) {\n    return col.header\n  }\n\n  const slotName = `header-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    } as HeaderSlotProps<TData>)\n  }\n\n  return capitalize(col.id.split('-').join(' '))\n}\n\nconst getFooter = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, unknown>,\n) => {\n  if (col.footer) {\n    return col.footer\n  }\n\n  const slotName = `footer-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    } as FooterSlotProps<TData>)\n  }\n\n  return undefined\n}\n\nconst getCell = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: CellContext<TData, unknown>,\n) => {\n  const slotName = `cell-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      row: context.row,\n      context,\n      value: context.getValue(),\n    } as CellSlotProps<TData>)\n  }\n\n  return context.getValue()\n}\n\nexport const processColumns = <TData extends RowData & object>(\n  columnHelper: ColumnHelper<TData>,\n  columns: ColumnDef<TData>[],\n  slots: Readonly<Slots>,\n): TStackColumnDef<TData>[] => {\n  return columns.map((col) => {\n    if (col.type === 'group') {\n      const groupCol = col as GroupColumnDef<TData>\n      return columnHelper.group({\n        id: groupCol.id,\n        header: (context: HeaderContext<TData, unknown>) => getHeader(groupCol, slots, context),\n        footer: (context: HeaderContext<TData, unknown>) => getFooter(groupCol, slots, context),\n        columns: processColumns(columnHelper, groupCol.columns as ColumnDef<TData>[], slots),\n      }) as TStackColumnDef<TData>\n    }\n\n    if (col.type === 'display') {\n      return columnHelper.display({\n        id: col.id,\n        header: (context: HeaderContext<TData, unknown>) => getHeader(col, slots, context),\n        footer: (context: HeaderContext<TData, unknown>) => getFooter(col, slots, context),\n        cell: (context: CellContext<TData, unknown>) => getCell(col, slots, context),\n      }) as TStackColumnDef<TData>\n    }\n\n    // For accessor columns\n    const accessorCol = col as AccessorColumnDef\n    return columnHelper.accessor((row) => row[accessorCol.id as keyof TData], {\n      id: accessorCol.id,\n      header: (context: HeaderContext<TData, unknown>) => getHeader(col, slots, context),\n      footer: (context: HeaderContext<TData, unknown>) => getFooter(col, slots, context),\n      cell: (context: CellContext<TData, unknown>) => getCell(col, slots, context),\n    }) as TStackColumnDef<TData>\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/utils.js

@@ -0,0 +1,70 @@
+import capitalize from 'lodash.capitalize';
+
+const getHeader = (col, slots, context) => {
+  if (col.header) {
+    return col.header;
+  }
+  const slotName = `header-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      column: context.column,
+      context
+    });
+  }
+  return capitalize(col.id.split("-").join(" "));
+};
+const getFooter = (col, slots, context) => {
+  if (col.footer) {
+    return col.footer;
+  }
+  const slotName = `footer-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      column: context.column,
+      context
+    });
+  }
+  return void 0;
+};
+const getCell = (col, slots, context) => {
+  const slotName = `cell-${col.id}`;
+  if (slots[slotName]) {
+    return slots[slotName]({
+      row: context.row,
+      context,
+      value: context.getValue()
+    });
+  }
+  return context.getValue();
+};
+const processColumns = (columnHelper, columns, slots) => {
+  return columns.map((col) => {
+    if (col.type === "group") {
+      const groupCol = col;
+      return columnHelper.group({
+        id: groupCol.id,
+        header: (context) => getHeader(groupCol, slots, context),
+        footer: (context) => getFooter(groupCol, slots, context),
+        columns: processColumns(columnHelper, groupCol.columns, slots)
+      });
+    }
+    if (col.type === "display") {
+      return columnHelper.display({
+        id: col.id,
+        header: (context) => getHeader(col, slots, context),
+        footer: (context) => getFooter(col, slots, context),
+        cell: (context) => getCell(col, slots, context)
+      });
+    }
+    const accessorCol = col;
+    return columnHelper.accessor((row) => row[accessorCol.id], {
+      id: accessorCol.id,
+      header: (context) => getHeader(col, slots, context),
+      footer: (context) => getFooter(col, slots, context),
+      cell: (context) => getCell(col, slots, context)
+    });
+  });
+};
+
+export { processColumns as p };
+//# sourceMappingURL=utils.js.map

package/dist/shared/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/shared/utils.ts"],"sourcesContent":["import type {\n  ColumnHelper,\n  HeaderContext,\n  CellContext,\n  RowData,\n  ColumnDef as TStackColumnDef,\n} from '@tanstack/vue-table'\nimport type { Slots } from 'vue'\nimport capitalize from 'lodash.capitalize'\nimport type {\n  ColumnDef,\n  AccessorColumnDef,\n  GroupColumnDef,\n  HeaderSlotProps,\n  CellSlotProps,\n  FooterSlotProps,\n} from './types'\n\nconst getHeader = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, unknown>,\n) => {\n  if (col.header) {\n    return col.header\n  }\n\n  const slotName = `header-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    } as HeaderSlotProps<TData>)\n  }\n\n  return capitalize(col.id.split('-').join(' '))\n}\n\nconst getFooter = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: HeaderContext<TData, unknown>,\n) => {\n  if (col.footer) {\n    return col.footer\n  }\n\n  const slotName = `footer-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      column: context.column,\n      context,\n    } as FooterSlotProps<TData>)\n  }\n\n  return undefined\n}\n\nconst getCell = <TData extends RowData & object>(\n  col: ColumnDef<TData>,\n  slots: Readonly<Slots>,\n  context: CellContext<TData, unknown>,\n) => {\n  const slotName = `cell-${col.id}`\n\n  if (slots[slotName]) {\n    return slots[slotName]({\n      row: context.row,\n      context,\n      value: context.getValue(),\n    } as CellSlotProps<TData>)\n  }\n\n  return context.getValue()\n}\n\nexport const processColumns = <TData extends RowData & object>(\n  columnHelper: ColumnHelper<TData>,\n  columns: ColumnDef<TData>[],\n  slots: Readonly<Slots>,\n): TStackColumnDef<TData>[] => {\n  return columns.map((col) => {\n    if (col.type === 'group') {\n      const groupCol = col as GroupColumnDef<TData>\n      return columnHelper.group({\n        id: groupCol.id,\n        header: (context: HeaderContext<TData, unknown>) => getHeader(groupCol, slots, context),\n        footer: (context: HeaderContext<TData, unknown>) => getFooter(groupCol, slots, context),\n        columns: processColumns(columnHelper, groupCol.columns as ColumnDef<TData>[], slots),\n      }) as TStackColumnDef<TData>\n    }\n\n    if (col.type === 'display') {\n      return columnHelper.display({\n        id: col.id,\n        header: (context: HeaderContext<TData, unknown>) => getHeader(col, slots, context),\n        footer: (context: HeaderContext<TData, unknown>) => getFooter(col, slots, context),\n        cell: (context: CellContext<TData, unknown>) => getCell(col, slots, context),\n      }) as TStackColumnDef<TData>\n    }\n\n    // For accessor columns\n    const accessorCol = col as AccessorColumnDef\n    return columnHelper.accessor((row) => row[accessorCol.id as keyof TData], {\n      id: accessorCol.id,\n      header: (context: HeaderContext<TData, unknown>) => getHeader(col, slots, context),\n      footer: (context: HeaderContext<TData, unknown>) => getFooter(col, slots, context),\n      cell: (context: CellContext<TData, unknown>) => getCell(col, slots, context),\n    }) as TStackColumnDef<TData>\n  })\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "tanstack-table-vue",
+  "version": "0.0.3",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "./dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "typings": "./dist/index.d.ts",
+  "dependencies": {
+    "@tanstack/vue-table": "^8.21.2",
+    "lodash.capitalize": "^4.2.1",
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@types/lodash.capitalize": "^4.2.9",
+    "@types/node": "^22.14.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/tsconfig": "^0.7.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.3",
+    "vue-tsc": "^2.2.4"
+  },
+  "scripts": {
+    "build": "pnpm type-check && pnpm build-only",
+    "build-only": "vite build",
+    "watch": "vite build --watch",
+    "type-check": "vue-tsc -p tsconfig.check.json --noEmit",
+    "type-gen": "vue-tsc --declaration  --emitDeclarationOnly",
+    "pub:release": "pnpm publish --no-git-checks --access public"
+  }
+}