fix: fix type error

Author: gingerbeerlime

src/components/pivottable-ui/VPivottableUi.vue

@@ -145,6 +145,7 @@ import {
   provideFilterBox
 } from '@/composables'
 import { DefaultPropsType } from '@/types'
+import { locales } from '@/helper'
 
 const props = withDefaults(
   defineProps<
@@ -167,7 +168,9 @@ const props = withDefaults(
     menuLimit: 500,
     hideFilterBoxOfUnusedAttributes: false,
     rowOrder: 'key_a_to_z',
-    colOrder: 'key_a_to_z'
+    colOrder: 'key_a_to_z',
+    languagePack: () => locales,
+    locale: 'en'
   }
 )
 

src/components/pivottable/renderer/TableRenderer.vue

@@ -18,8 +18,11 @@ import { providePivotData } from '@/composables'
 import VPivottableHeader from '../VPivottableHeader.vue'
 import VPivottableBody from '../VPivottableBody.vue'
 import { DefaultPropsType } from '@/types'
+import { redColorScaleGenerator } from '@/helper'
 
-const props = defineProps<DefaultPropsType>()
+const props = withDefaults(defineProps<DefaultPropsType>(), {
+  tableColorScaleGenerator: (value: number[]) => redColorScaleGenerator(value)
+})
 
 providePivotData(props)
 </script>

src/composables/useProvideFilterbox.ts

@@ -1,11 +1,13 @@
 import { computed, ComputedRef, inject, provide, InjectionKey } from 'vue'
 import { getSort } from '@/helper'
 import { DefaultPropsType } from '@/types'
+import { Locale } from '@/helper'
 
-type ProvideFilterBoxProps = Pick<DefaultPropsType,
-  'languagePack' | 'locale' | 'sorters'> & {
-    menuLimit: number
-  }
+type ProvideFilterBoxProps = Pick<DefaultPropsType, 'sorters'> & {
+  menuLimit: number
+  languagePack: Record<string, Locale>
+  locale: string
+}
 
 interface FilterBoxContext {
   localeStrings: ComputedRef<any>
@@ -15,9 +17,9 @@ interface FilterBoxContext {
 
 const filterBoxKey = Symbol('filterBox') as InjectionKey<FilterBoxContext>
 
-export function provideFilterBox (props: ProvideFilterBoxProps) {
+export function provideFilterBox(props: ProvideFilterBoxProps) {
   const localeStrings = computed(
-    () => props.languagePack?.[props.locale || 'en']?.localeStrings
+    () => props.languagePack[props.locale].localeStrings
   )
   const sorters = computed(() => props.sorters)
   const sorter = (x: string) => getSort(sorters.value, x)
@@ -29,6 +31,6 @@ export function provideFilterBox (props: ProvideFilterBoxProps) {
   })
 }
 
-export function useProvideFilterBox () {
+export function useProvideFilterBox() {
   return inject(filterBoxKey)
 }

src/types/index.ts

@@ -1,5 +1,6 @@
 import type { AggregatorTemplate } from '@/helper'
 import { VNode } from 'vue'
+import { Locale } from '@/helper'
 
 export interface DefaultPropsType {
   data: any
@@ -11,7 +12,7 @@ export interface DefaultPropsType {
   renderers: Record<string, RendererDefinition>
   rendererName: string
   locale?: string
-  languagePack?: Record<string, { localeStrings: Record<string, string> }>
+  languagePack?: Record<string, Locale>
   showRowTotal?: boolean
   showColTotal?: boolean
   cols: string[]