@tanstack/vue-table 8.5.1 → 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":"fb70-149"},{"name":"vue-table/src","children":[{"uid":"fb70-151","name":"merge-proxy.ts"},{"uid":"fb70-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"fb70-149":{"renderedLength":137857,"gzipLength":23944,"brotliLength":0,"mainUid":"fb70-148"},"fb70-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"fb70-150"},"fb70-153":{"renderedLength":1683,"gzipLength":677,"brotliLength":0,"mainUid":"fb70-152"}},"nodeMetas":{"fb70-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"fb70-149"},"imported":[],"importedBy":[{"uid":"fb70-152"}]},"fb70-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"fb70-151"},"imported":[],"importedBy":[{"uid":"fb70-152"}]},"fb70-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"fb70-153"},"imported":[{"uid":"fb70-148"},{"uid":"fb70-154"},{"uid":"fb70-150"}],"importedBy":[],"isEntry":true},"fb70-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"fb70-152"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"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": "fb70-156"
+                "uid": "6455-156"
               },
               {
                 "name": "vue-table/src",
                 "children": [
                   {
-                    "uid": "fb70-158",
+                    "uid": "6455-158",
                     "name": "merge-proxy.ts"
                   },
                   {
-                    "uid": "fb70-160",
+                    "uid": "6455-160",
                     "name": "index.ts"
                   }
                 ]
@@ -34,76 +34,76 @@
     "isRoot": true
   },
   "nodeParts": {
-    "fb70-156": {
-      "renderedLength": 137857,
-      "gzipLength": 23944,
+    "6455-156": {
+      "renderedLength": 138168,
+      "gzipLength": 23982,
       "brotliLength": 0,
-      "mainUid": "fb70-155"
+      "mainUid": "6455-155"
     },
-    "fb70-158": {
+    "6455-158": {
       "renderedLength": 1622,
       "gzipLength": 660,
       "brotliLength": 0,
-      "mainUid": "fb70-157"
+      "mainUid": "6455-157"
     },
-    "fb70-160": {
-      "renderedLength": 1683,
-      "gzipLength": 677,
+    "6455-160": {
+      "renderedLength": 1748,
+      "gzipLength": 687,
       "brotliLength": 0,
-      "mainUid": "fb70-159"
+      "mainUid": "6455-159"
     }
   },
   "nodeMetas": {
-    "fb70-155": {
+    "6455-155": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "fb70-156"
+        "index.production.js": "6455-156"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6455-159"
         }
       ]
     },
-    "fb70-157": {
+    "6455-157": {
       "id": "/packages/vue-table/src/merge-proxy.ts",
       "moduleParts": {
-        "index.production.js": "fb70-158"
+        "index.production.js": "6455-158"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6455-159"
         }
       ]
     },
-    "fb70-159": {
+    "6455-159": {
       "id": "/packages/vue-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "fb70-160"
+        "index.production.js": "6455-160"
       },
       "imported": [
         {
-          "uid": "fb70-155"
+          "uid": "6455-155"
         },
         {
-          "uid": "fb70-161"
+          "uid": "6455-161"
         },
         {
-          "uid": "fb70-157"
+          "uid": "6455-157"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "fb70-161": {
+    "6455-161": {
       "id": "vue",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6455-159"
         }
       ],
       "isExternal": 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

@@ -2935,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;
 
@@ -3948,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: {},
@@ -3998,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;
@@ -4027,7 +4040,6 @@
   exports.expandRows = expandRows;
   exports.filterFns = filterFns;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getCoreRowModel = getCoreRowModel;
   exports.getExpandedRowModel = getExpandedRowModel;