fix: clean up v-bind props

Author: Seungwoo321

packages/lazy-table-renderer/src/index.js

@@ -5,10 +5,10 @@ import { PivotUtilities } from 'vue-pivottable'
 export default markRaw({
   'Lazy Table': defineComponent({
     name: 'vue-lazy-table',
+    props: { ...PivotUtilities.defaultProps },
     setup(props) {
       return () =>
         h(LazyPivottableRenderer, {
-          ...PivotUtilities.defaultProps,
           ...props,
           chunkSize: 50,
           bufferSize: 1

src/components/pivottable-ui/VPivottableUi.vue

@@ -108,7 +108,7 @@
             name="outputSlot"
             :outputSlot="{ pivotData }"
           >
-            <VPivottable v-bind="state" />
+            <VPivottable v-bind="pivotProps" />
           </slot>
         </td>
       </tr>
@@ -226,7 +226,29 @@ const unusedAttrs = computed(() => {
 })
 
 const pivotData = computed(() => new PivotData(state))
-
+const pivotProps = computed(() => ({
+  data: state.data,
+  aggregators: state.aggregators,
+  aggregatorName: state.aggregatorName,
+  heatmapMode: state.heatmapMode,
+  tableOptions: state.tableOptions,
+  renderers: state.renderers,
+  rendererName: state.rendererName,
+  locale: state.locale,
+  languagePack: state.languagePack,
+  showRowTotal: state.showRowTotal,
+  showColTotal: state.showColTotal,
+  cols: state.cols,
+  rows: state.rows,
+  vals: state.vals,
+  attributes: state.attributes,
+  valueFilter: state.valueFilter,
+  sorters: state.sorters,
+  derivedAttributes: state.derivedAttributes,
+  rowOrder: state.rowOrder,
+  colOrder: state.colOrder,
+  tableMaxWidth: state.tableMaxWidth
+}))
 onUpdateUnusedOrder(props.unusedAttrs)
 
 provideFilterBox(props)