Merge pull request #140 from vue-pivottable/feature/useMaterializeInput-ts

feat(composables): useMaterializeInput TypeScript 마이그레이션

Author: gingerbeerlime

src/composables/useMaterializeInput.js renamed to src/composables/useMaterializeInput.ts

@@ -1,24 +1,38 @@
-import { ref, watch } from 'vue'
-import { PivotData } from '@/helper/utilities.js'
+import { Ref, ref, watch } from 'vue'
+import { PivotData } from '@/helper/utilities'
 
-export function useMaterializeInput(dataSource, options) {
-  const rawData = ref(null)
-  const allFilters = ref({})
-  const materializedInput = ref([])
+export interface UseMaterializeInputOptions {
+  derivedAttributes: Ref<Record<string, (record: Record<string, any>) => any>>
+}
+
+export interface UseMaterializeInputReturn {
+  rawData: Ref<any>
+  allFilters: Ref<Record<string, Record<string, number>>>
+  materializedInput: Ref<any[]>
+  processData: (data: any) => { AllFilters: Record<string, Record<string, number>>; materializedInput: any[] } | void
+}
 
-  function processData(data) {
+export function useMaterializeInput (
+  dataSource: Ref<any>,
+  options: UseMaterializeInputOptions
+): UseMaterializeInputReturn {
+  const rawData = ref<any>(null)
+  const allFilters = ref<Record<string, Record<string, number>>>({})
+  const materializedInput = ref<any[]>([])
+
+  function processData (data: any) {
     if (!data || rawData.value === data) return
 
     rawData.value = data
-    const newAllFilters = {}
-    const newMaterializedInput = []
+    const newAllFilters: Record<string, Record<string, number>> = {}
+    const newMaterializedInput: any[] = []
 
     let recordsProcessed = 0
 
     PivotData.forEachRecord(
       data,
       options.derivedAttributes.value,
-      function (record) {
+      function (record: Record<string, any>) {
         newMaterializedInput.push(record)
 
         for (const attr of Object.keys(record)) {
@@ -66,4 +80,4 @@ export function useMaterializeInput(dataSource, options) {
     materializedInput,
     processData
   }
-}
+}