tanstack-table-vue 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { n as valueUpdater, t as processColumns } from "./utils-BGsLZVAI.mjs";
-import { computed, defineComponent, renderSlot, unref, useSlots, watch } from "vue";
+import { computed, defineComponent, renderSlot, unref, useSlots } from "vue";
 import { createColumnHelper, getCoreRowModel, useVueTable } from "@tanstack/vue-table";
 
 //#region src/components/TSTable.vue
@@ -18,23 +18,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			return processColumns(columnHelper, props.columns, slots);
 		});
 		const table = useVueTable({
-			columns: processedColumns.value,
-			data: props.data,
+			get columns() {
+				return processedColumns.value;
+			},
+			get data() {
+				return props.data;
+			},
 			getCoreRowModel: getCoreRowModel(),
 			...props.tableOptions
 		});
-		watch(() => props.data, (newData) => {
-			table.setOptions((old) => ({
-				...old,
-				data: newData
-			}));
-		}, { flush: "sync" });
-		watch(processedColumns, (newColumns) => {
-			table.setOptions((old) => ({
-				...old,
-				columns: newColumns
-			}));
-		}, { flush: "sync" });
 		return (_ctx, _cache) => {
 			return renderSlot(_ctx.$slots, "default", { table: unref(table) });
 		};

package/dist/plugins/index.d.mts

@@ -1,5 +1,5 @@
-import * as vue4 from "vue";
-import * as _tanstack_vue_table1 from "@tanstack/vue-table";
+import * as vue2 from "vue";
+import * as _tanstack_vue_table0 from "@tanstack/vue-table";
 import { PaginationState, RowSelectionState, SortingState } from "@tanstack/vue-table";
 
 //#region src/plugins/use-pagination-state.d.ts
@@ -7,11 +7,11 @@ declare function usePaginationState(options?: {
   defaultPage?: number;
   defaultPageSize?: number;
 }): {
-  page: vue4.Ref<number, number>;
-  pageSize: vue4.Ref<number, number>;
-  paginationState: vue4.ComputedRef<PaginationState>;
-  paginationOptions: vue4.ComputedRef<{
-    getPaginationRowModel: (table: _tanstack_vue_table1.Table<unknown>) => () => _tanstack_vue_table1.RowModel<unknown>;
+  page: vue2.Ref<number, number>;
+  pageSize: vue2.Ref<number, number>;
+  paginationState: vue2.ComputedRef<PaginationState>;
+  paginationOptions: vue2.ComputedRef<{
+    getPaginationRowModel: (table: _tanstack_vue_table0.Table<unknown>) => () => _tanstack_vue_table0.RowModel<unknown>;
     onPaginationChange: (updater: any) => void;
     state: {
       readonly pagination: PaginationState;
@@ -24,15 +24,15 @@ declare function usePaginationState(options?: {
 //#endregion
 //#region src/plugins/use-table-sorting.d.ts
 declare function useTableSorting(defaultSorting?: SortingState): {
-  sorting: vue4.Ref<{
+  sorting: vue2.Ref<{
     desc: boolean;
     id: string;
   }[], SortingState | {
     desc: boolean;
     id: string;
   }[]>;
-  sortingOptions: vue4.ComputedRef<{
-    getSortedRowModel: (table: _tanstack_vue_table1.Table<unknown>) => () => _tanstack_vue_table1.RowModel<unknown>;
+  sortingOptions: vue2.ComputedRef<{
+    getSortedRowModel: (table: _tanstack_vue_table0.Table<unknown>) => () => _tanstack_vue_table0.RowModel<unknown>;
     onSortingChange: (updater: any) => void;
     state: {
       readonly sorting: {
@@ -46,15 +46,15 @@ declare function useTableSorting(defaultSorting?: SortingState): {
 //#endregion
 //#region src/plugins/use-table-selection.d.ts
 declare function useTableSelection(): {
-  rowSelection: vue4.Ref<RowSelectionState, RowSelectionState>;
-  selectionOptions: vue4.ComputedRef<{
+  rowSelection: vue2.Ref<RowSelectionState, RowSelectionState>;
+  selectionOptions: vue2.ComputedRef<{
     enableRowSelection: boolean;
     onRowSelectionChange: (updater: any) => void;
     state: {
       readonly rowSelection: RowSelectionState;
     };
   }>;
-  selectedCount: vue4.ComputedRef<number>;
+  selectedCount: vue2.ComputedRef<number>;
   clearSelection: () => void;
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tanstack-table-vue",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "homepage": "https://github.com/dacsang97/tanstack-table-vue",
   "bugs": {
     "url": "https://github.com/dacsang97/tanstack-table-vue/issues"