arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 19:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Table): proxy props without useForwardProps

Browse Source 
https://github.com/nuxt/ui/issues/3255#issuecomment-2640503829
This commit is contained in:
Benjamin Canac
2025-02-15 18:43:33 +01:00
parent fa92053116
commit f0553ebb49
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/components/Table.vue
View File

@@ -161,7 +161,7 @@ export type TableSlots<T> = {
<script setup lang="ts" generic="T extends TableData"> <script setup lang="ts" generic="T extends TableData">
import { computed } from 'vue' import { computed } from 'vue'
import { Primitive, useForwardProps } from 'reka-ui' import { Primitive } from 'reka-ui'
import { upperFirst } from 'scule' import { upperFirst } from 'scule'
import { FlexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, getExpandedRowModel, useVueTable } from '@tanstack/vue-table' import { FlexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, getExpandedRowModel, useVueTable } from '@tanstack/vue-table'
import { reactiveOmit } from '@vueuse/core' import { reactiveOmit } from '@vueuse/core'
@@ -196,10 +196,8 @@ const groupingState = defineModel<GroupingState>('grouping', { default: [] })
const expandedState = defineModel<ExpandedState>('expanded', { default: {} }) const expandedState = defineModel<ExpandedState>('expanded', { default: {} })
const paginationState = defineModel<PaginationState>('pagination', { default: {} }) const paginationState = defineModel<PaginationState>('pagination', { default: {} })
const tableProps = useForwardProps(reactiveOmit(props, 'as', 'data', 'columns', 'caption', 'sticky', 'loading', 'loadingColor', 'loadingAnimation', 'class', 'ui'))
const tableApi = useVueTable({ const tableApi = useVueTable({
...tableProps, ...reactiveOmit(props, 'as', 'data', 'columns', 'caption', 'sticky', 'loading', 'loadingColor', 'loadingAnimation', 'class', 'ui'),
data, data,
columns: columns.value, columns: columns.value,
getCoreRowModel: getCoreRowModel(), getCoreRowModel: getCoreRowModel(),