@tanstack/vue-table 8.4.0 → 8.5.2

package/build/stats-html.html

@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"939c-149"},{"name":"vue-table/src","children":[{"uid":"939c-151","name":"merge-proxy.ts"},{"uid":"939c-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"939c-149":{"renderedLength":136785,"gzipLength":23785,"brotliLength":0,"mainUid":"939c-148"},"939c-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"939c-150"},"939c-153":{"renderedLength":1683,"gzipLength":677,"brotliLength":0,"mainUid":"939c-152"}},"nodeMetas":{"939c-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"939c-149"},"imported":[],"importedBy":[{"uid":"939c-152"}]},"939c-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"939c-151"},"imported":[],"importedBy":[{"uid":"939c-152"}]},"939c-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"939c-153"},"imported":[{"uid":"939c-148"},{"uid":"939c-154"},{"uid":"939c-150"}],"importedBy":[],"isEntry":true},"939c-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"939c-152"}],"isExternal":true}},"env":{"rollup":"2.77.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"6455-149"},{"name":"vue-table/src","children":[{"uid":"6455-151","name":"merge-proxy.ts"},{"uid":"6455-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"6455-149":{"renderedLength":138168,"gzipLength":23982,"brotliLength":0,"mainUid":"6455-148"},"6455-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"6455-150"},"6455-153":{"renderedLength":1748,"gzipLength":687,"brotliLength":0,"mainUid":"6455-152"}},"nodeMetas":{"6455-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"6455-149"},"imported":[],"importedBy":[{"uid":"6455-152"}]},"6455-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"6455-151"},"imported":[],"importedBy":[{"uid":"6455-152"}]},"6455-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"6455-153"},"imported":[{"uid":"6455-148"},{"uid":"6455-154"},{"uid":"6455-150"}],"importedBy":[],"isEntry":true},"6455-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"6455-152"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,17 +11,17 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "939c-156"
+                "uid": "6455-156"
               },
               {
                 "name": "vue-table/src",
                 "children": [
                   {
-                    "uid": "939c-158",
+                    "uid": "6455-158",
                     "name": "merge-proxy.ts"
                   },
                   {
-                    "uid": "939c-160",
+                    "uid": "6455-160",
                     "name": "index.ts"
                   }
                 ]
@@ -34,83 +34,83 @@
     "isRoot": true
   },
   "nodeParts": {
-    "939c-156": {
-      "renderedLength": 136785,
-      "gzipLength": 23785,
+    "6455-156": {
+      "renderedLength": 138168,
+      "gzipLength": 23982,
       "brotliLength": 0,
-      "mainUid": "939c-155"
+      "mainUid": "6455-155"
     },
-    "939c-158": {
+    "6455-158": {
       "renderedLength": 1622,
       "gzipLength": 660,
       "brotliLength": 0,
-      "mainUid": "939c-157"
+      "mainUid": "6455-157"
     },
-    "939c-160": {
-      "renderedLength": 1683,
-      "gzipLength": 677,
+    "6455-160": {
+      "renderedLength": 1748,
+      "gzipLength": 687,
       "brotliLength": 0,
-      "mainUid": "939c-159"
+      "mainUid": "6455-159"
     }
   },
   "nodeMetas": {
-    "939c-155": {
+    "6455-155": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "939c-156"
+        "index.production.js": "6455-156"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "939c-159"
+          "uid": "6455-159"
         }
       ]
     },
-    "939c-157": {
+    "6455-157": {
       "id": "/packages/vue-table/src/merge-proxy.ts",
       "moduleParts": {
-        "index.production.js": "939c-158"
+        "index.production.js": "6455-158"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "939c-159"
+          "uid": "6455-159"
         }
       ]
     },
-    "939c-159": {
+    "6455-159": {
       "id": "/packages/vue-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "939c-160"
+        "index.production.js": "6455-160"
       },
       "imported": [
         {
-          "uid": "939c-155"
+          "uid": "6455-155"
         },
         {
-          "uid": "939c-161"
+          "uid": "6455-161"
         },
         {
-          "uid": "939c-157"
+          "uid": "6455-157"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "939c-161": {
+    "6455-161": {
       "id": "vue",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "939c-159"
+          "uid": "6455-159"
         }
       ],
       "isExternal": true
     }
   },
   "env": {
-    "rollup": "2.77.1"
+    "rollup": "2.77.2"
   },
   "options": {
     "gzip": true,

package/build/types/index.d.ts

@@ -11,9 +11,14 @@
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { RowData, TableOptions } from '@tanstack/table-core';
 export * from '@tanstack/table-core';
-import { VNode } from 'vue';
 
-declare function flexRender<TProps extends {}>(Comp: any, props: TProps): VNode | string | number | boolean | null;
+declare const FlexRender: {
+    props: string[];
+    setup: (props: {
+        render: any;
+        props: any;
+    }) => () => any;
+};
 declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): _tanstack_table_core.Table<TData>;
 
-export { flexRender, useVueTable };
+export { FlexRender, useVueTable };

package/build/umd/index.development.js

@@ -1159,7 +1159,9 @@
           return filterFns.weakEquals;
         },
         getFilterFn: () => {
-          return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : filterFns[column.columnDef.filterFn];
+          var _table$options$filter, _table$options$filter2;
+
+          return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn];
         },
         getCanFilter: () => {
           var _column$columnDef$ena, _table$options$enable, _table$options$enable2;
@@ -1258,10 +1260,12 @@
           return filterFns.includesString;
         },
         getGlobalFilterFn: () => {
+          var _table$options$filter3, _table$options$filter4;
+
           const {
             globalFilterFn: globalFilterFn
           } = table.options;
-          return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : filterFns[globalFilterFn];
+          return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : (_table$options$filter3 = (_table$options$filter4 = table.options.filterFns) == null ? void 0 : _table$options$filter4[globalFilterFn]) != null ? _table$options$filter3 : filterFns[globalFilterFn];
         },
         setColumnFilters: updater => {
           const leafColumns = table.getAllLeafColumns();
@@ -1298,8 +1302,11 @@
           table.setColumnFilters(defaultState ? [] : (_table$initialState$c = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnFilters) != null ? _table$initialState$c : []);
         },
         getPreFilteredRowModel: () => table.getCoreRowModel(),
-        _getFilteredRowModel: table.options.getFilteredRowModel && table.options.getFilteredRowModel(table),
         getFilteredRowModel: () => {
+          if (!table._getFilteredRowModel && table.options.getFilteredRowModel) {
+            table._getFilteredRowModel = table.options.getFilteredRowModel(table);
+          }
+
           if (table.options.manualFiltering || !table._getFilteredRowModel) {
             return table.getPreFilteredRowModel();
           }
@@ -1515,11 +1522,13 @@
           }
         },
         getAggregationFn: () => {
+          var _table$options$aggreg, _table$options$aggreg2;
+
           if (!column) {
             throw new Error();
           }
 
-          return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : aggregationFns[column.columnDef.aggregationFn];
+          return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_table$options$aggreg = (_table$options$aggreg2 = table.options.aggregationFns) == null ? void 0 : _table$options$aggreg2[column.columnDef.aggregationFn]) != null ? _table$options$aggreg : aggregationFns[column.columnDef.aggregationFn];
         }
       };
     },
@@ -2536,11 +2545,13 @@
           return 'desc';
         },
         getSortingFn: () => {
+          var _table$options$sortin, _table$options$sortin2;
+
           if (!column) {
             throw new Error();
           }
 
-          return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : sortingFns[column.columnDef.sortingFn];
+          return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_table$options$sortin = (_table$options$sortin2 = table.options.sortingFns) == null ? void 0 : _table$options$sortin2[column.columnDef.sortingFn]) != null ? _table$options$sortin : sortingFns[column.columnDef.sortingFn];
         },
         toggleSorting: (desc, multi) => {
           // if (column.columns.length) {
@@ -2924,8 +2935,20 @@
 
         defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
         return {
-          header: props => props.header.column.id,
-          footer: props => props.header.column.id,
+          header: props => {
+            const resolvedColumnDef = props.header.column.columnDef;
+
+            if (resolvedColumnDef.accessorKey) {
+              return resolvedColumnDef.accessorKey;
+            }
+
+            if (resolvedColumnDef.accessorFn) {
+              return resolvedColumnDef.id;
+            }
+
+            return null;
+          },
+          // footer: props => props.header.column.id,
           cell: props => {
             var _props$renderValue$to, _props$renderValue;
 
@@ -3162,7 +3185,8 @@
           accessorKey: accessor
         };
       },
-      display: column => column
+      display: column => column,
+      group: column => column
     };
   }
 
@@ -3936,15 +3960,18 @@
     }, propTraps);
   }
 
-  function flexRender(Comp, props) {
-    if (!Comp) return null;
+  const FlexRender = {
+    props: ['render', 'props'],
+    setup: props => {
+      return () => {
+        if (typeof props.render === 'function' || typeof props.render === 'object') {
+          return vue.h(props.render, props.props);
+        }
 
-    if (typeof Comp === 'function') {
-      return vue.h(Comp, props);
+        return props.render;
+      };
     }
-
-    return Comp;
-  }
+  };
   function useVueTable(options) {
     const resolvedOptions = mergeProxy({
       state: {},
@@ -3986,16 +4013,14 @@
           }
         });
       });
-    }); // onBeforeUpdate(() => {
-    //   table.willUpdate()
-    // })
-
+    });
     return table;
   }
 
   exports.ColumnSizing = ColumnSizing;
   exports.Expanding = Expanding;
   exports.Filters = Filters;
+  exports.FlexRender = FlexRender;
   exports.Grouping = Grouping;
   exports.Headers = Headers;
   exports.Ordering = Ordering;
@@ -4015,7 +4040,6 @@
   exports.expandRows = expandRows;
   exports.filterFns = filterFns;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getCoreRowModel = getCoreRowModel;
   exports.getExpandedRowModel = getExpandedRowModel;