@tanstack/vue-table 8.5.1 → 8.5.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/vue-table",
   "author": "Tanner Linsley",
-  "version": "8.5.1",
+  "version": "8.5.4",
   "description": "Headless UI for building powerful tables & datagrids for Vue.",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/table#readme",
@@ -35,7 +35,7 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/table-core": "8.5.1"
+    "@tanstack/table-core": "8.5.4"
   },
   "peerDependencies": {
     "vue": "^3.2.33"

package/src/index.ts

@@ -4,22 +4,25 @@ import {
   TableOptionsResolved,
   RowData,
 } from '@tanstack/table-core'
-import { h, watchEffect, ref, VNode } from 'vue'
+import { h, watchEffect, ref } from 'vue'
 import { mergeProxy } from './merge-proxy'
 
 export * from '@tanstack/table-core'
 
-export function flexRender<TProps extends {}>(
-  Comp: any,
-  props: TProps
-): VNode | string | number | boolean | null {
-  if (!Comp) return null
-
-  if (typeof Comp === 'function') {
-    return h(Comp, props)
-  }
+export const FlexRender = {
+  props: ['render', 'props'],
+  setup: (props: { render: any; props: any }) => {
+    return () => {
+      if (
+        typeof props.render === 'function' ||
+        typeof props.render === 'object'
+      ) {
+        return h(props.render, props.props)
+      }
 
-  return Comp
+      return props.render
+    }
+  },
 }
 
 export function useVueTable<TData extends RowData>(
@@ -70,9 +73,5 @@ export function useVueTable<TData extends RowData>(
     })
   })
 
-  // onBeforeUpdate(() => {
-  //   table.willUpdate()
-  // })
-
   return table
 }