55239606af
feat(patient): add newborn status field and validation - Add radio button component for newborn status selection - Update patient schema with newborn status validation - Remove deprecated alias field from person model - Refactor disability type handling in patient schema fix(patient): correct address comparison logic and schema Update the patient address comparison to use boolean instead of string '1' and modify the schema to transform the string value to boolean. This ensures consistent type usage throughout the application. feat(models): add village and district model interfaces Add new model interfaces for Village and District with their respective generator functions. These models will be used to handle administrative division data in the application. feat(address): implement dynamic province selection with caching - Add province service for CRUD operations - Create useProvinces composable with caching and loading states - Update select-province component to use dynamic data - Export SelectItem interface for type consistency - Improve combobox styling and accessibility feat(address-form): implement dynamic regency selection with caching - Add new regency service for CRUD operations - Create useRegencies composable with caching and loading states - Update SelectRegency component to use dynamic data based on province selection - Improve placeholder and disabled state handling feat(address-form): implement dynamic district selection - Add district service for CRUD operations - Create useDistricts composable with caching and loading states - Update SelectDistrict component to use dynamic data - Remove hardcoded district options and implement regency-based filtering feat(address-form): implement dynamic village selection with caching - Add village service for CRUD operations - Create useVillages composable with caching and loading states - Update SelectVillage component to fetch villages based on district - Remove hardcoded village options in favor of API-driven data feat(address-form): improve address selection with debouncing and request deduplication - Add debouncing to prevent rapid API calls when selecting addresses - Implement request deduplication to avoid duplicate API calls - Add delayed form reset to ensure proper composable cleanup - Add isUserAction flag to force refresh when user changes selection
114 lines
3.1 KiB
TypeScript
114 lines
3.1 KiB
TypeScript
import { ref, computed } from 'vue'
|
|
import type { Province } from '~/models/province'
|
|
import type { SelectItem } from '~/components/pub/my-ui/form/select.vue'
|
|
import { toTitleCase } from '~/lib/utils'
|
|
import * as provinceService from '~/services/province.service'
|
|
|
|
// Global state untuk caching
|
|
const provincesCache = ref<Province[]>([])
|
|
const isLoading = ref(false)
|
|
const isInitialized = ref(false)
|
|
const error = ref<string | null>(null)
|
|
|
|
export function useProvinces() {
|
|
// Computed untuk format SelectItem
|
|
const provinceOptions = computed<SelectItem[]>(() => {
|
|
return provincesCache.value.map(province => ({
|
|
label: toTitleCase(province.name),
|
|
value: province.code,
|
|
// code: province.code,
|
|
searchValue: `${province.code} ${province.name}`.trim() // Untuk search internal combobox
|
|
}))
|
|
})
|
|
|
|
// Function untuk fetch data provinces
|
|
async function fetchProvinces(forceRefresh = false) {
|
|
// Jika sudah ada data dan tidak force refresh, skip
|
|
if (isInitialized.value && !forceRefresh) {
|
|
return
|
|
}
|
|
|
|
// Jika sedang loading, skip untuk mencegah duplicate calls
|
|
if (isLoading.value) {
|
|
return
|
|
}
|
|
|
|
isLoading.value = true
|
|
error.value = null
|
|
|
|
try {
|
|
const response = await provinceService.getList({
|
|
'page-no-limit': '1',
|
|
'sort': 'name:asc'
|
|
})
|
|
|
|
if (response.success) {
|
|
provincesCache.value = response.body.data || []
|
|
isInitialized.value = true
|
|
} else {
|
|
error.value = 'Gagal memuat data provinsi'
|
|
console.error('Failed to fetch provinces:', response)
|
|
}
|
|
} catch (err) {
|
|
error.value = 'Terjadi kesalahan saat memuat data provinsi'
|
|
console.error('Error fetching provinces:', err)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
// Function untuk mencari province berdasarkan code
|
|
function getProvinceByCode(code: string): Province | undefined {
|
|
return provincesCache.value.find(province => province.code === code)
|
|
}
|
|
|
|
// Function untuk mencari province berdasarkan name
|
|
function getProvinceByName(name: string): Province | undefined {
|
|
return provincesCache.value.find(province =>
|
|
province.name.toLowerCase() === name.toLowerCase()
|
|
)
|
|
}
|
|
|
|
// Function untuk clear cache (jika diperlukan)
|
|
function clearCache() {
|
|
provincesCache.value = []
|
|
isInitialized.value = false
|
|
error.value = null
|
|
}
|
|
|
|
// Function untuk refresh data
|
|
function refreshProvinces() {
|
|
return fetchProvinces(true)
|
|
}
|
|
|
|
// Auto fetch saat composable pertama kali digunakan
|
|
if (!isInitialized.value && !isLoading.value) {
|
|
fetchProvinces()
|
|
}
|
|
|
|
return {
|
|
// Data
|
|
provinces: readonly(provincesCache),
|
|
provinceOptions,
|
|
|
|
// State
|
|
isLoading: readonly(isLoading),
|
|
isInitialized: readonly(isInitialized),
|
|
error: readonly(error),
|
|
|
|
// Methods
|
|
fetchProvinces,
|
|
refreshProvinces,
|
|
getProvinceByCode,
|
|
getProvinceByName,
|
|
clearCache,
|
|
}
|
|
}
|
|
|
|
// Export untuk direct access ke cached data (jika diperlukan)
|
|
export const useProvincesCache = () => ({
|
|
provinces: readonly(provincesCache),
|
|
isLoading: readonly(isLoading),
|
|
isInitialized: readonly(isInitialized),
|
|
})
|