feat(composables): useMaterializeInput TypeScript 변환

- useMaterializeInput.js를 useMaterializeInput.ts로 타입스크립트 변환
- dataSource, options, 반환 객체, 내부 함수에 타입 명확히 지정
- 타입스크립트 strict 옵션 대응

Author: Seungwoo321

src/composables/useMaterializeInput.ts

@@ -0,0 +1,83 @@
+import { Ref, ref, watch } from 'vue'
+import { PivotData } from '@/helper/utilities.js'
+
+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
+}
+
+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: Record<string, Record<string, number>> = {}
+    const newMaterializedInput: any[] = []
+
+    let recordsProcessed = 0
+
+    PivotData.forEachRecord(
+      data,
+      options.derivedAttributes.value,
+      function (record: Record<string, any>) {
+        newMaterializedInput.push(record)
+
+        for (const attr of Object.keys(record)) {
+          if (!(attr in newAllFilters)) {
+            newAllFilters[attr] = {}
+            if (recordsProcessed > 0) {
+              newAllFilters[attr].null = recordsProcessed
+            }
+          }
+        }
+
+        for (const attr in newAllFilters) {
+          const value = attr in record ? record[attr] : 'null'
+          if (!(value in newAllFilters[attr])) {
+            newAllFilters[attr][value] = 0
+          }
+          newAllFilters[attr][value]++
+        }
+
+        recordsProcessed++
+      }
+    )
+
+    allFilters.value = newAllFilters
+    materializedInput.value = newMaterializedInput
+
+    return {
+      AllFilters: newAllFilters,
+      materializedInput: newMaterializedInput
+    }
+  }
+
+  watch(() => dataSource.value, processData, { immediate: true })
+
+  watch(
+    () => options.derivedAttributes.value,
+    () => {
+      processData(dataSource.value)
+    }
+  )
+
+  return {
+    rawData,
+    allFilters,
+    materializedInput,
+    processData
+  }
+}