@bagelink/vue 0.0.819 → 0.0.821

package/src/utils/index.ts

@@ -1,24 +1,34 @@
 import type { Attributes, BglFormSchemaT } from '@bagelink/vue'
 
-export function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...args: Parameters<T>) => void {
-	let timeoutId: ReturnType<typeof setTimeout> | undefined
-
-	return function (...args: Parameters<T>) {
-		if (timeoutId) {
-			clearTimeout(timeoutId)
+export function debounce<T extends (...args: Parameters<T>) => ReturnType<T>>(
+	callback: T,
+	wait: number,
+	immediate?: boolean
+): (...args: Parameters<T>) => void {
+	let timeout: NodeJS.Timeout | undefined
+
+	return function (this: ThisParameterType<T>, ...args: Parameters<T>): void {
+		const later = () => {
+			timeout = undefined
+			if (!immediate) callback.apply(this, args)
 		}
 
-		timeoutId = setTimeout(() => {
-			func(...args)
-		}, wait)
+		const callNow = immediate && timeout === undefined
+		clearTimeout(timeout)
+		timeout = setTimeout(later, wait)
+
+		if (callNow) callback.apply(this, args)
 	}
 }
 
 export function keyToLabel(key?: string): string | undefined {
 	if (key === undefined) return key
-	return key.split('_')
-		.map(k => k.charAt(0).toUpperCase() + k.slice(1))
-		.join(' ') || key
+	return (
+		key
+			.split('_')
+			.map(k => k.charAt(0).toUpperCase() + k.slice(1))
+			.join(' ') || key
+	)
 }
 
 export async function copyText(text: string, cb?: (msg: string) => void) {
@@ -38,19 +48,27 @@ export function useEscape(event: KeyboardEvent, closeModel: () => void) {
 }
 
 export function classify(fieldVal?: any, row?: any, ...classes: any[]) {
-	return classes.map((cls) => {
-		if (typeof cls === 'function') return cls(fieldVal, row)
-		return cls
-	}).join(' ')
+	return classes
+		.map((cls) => {
+			if (typeof cls === 'function') return cls(fieldVal, row)
+			return cls
+		})
+		.join(' ')
 }
 
-export function bindAttrs<T = { [key: string]: any }>(attrs?: Attributes, fieldVal?: any, row?: T) {
+export function bindAttrs<T = { [key: string]: any }>(
+	attrs?: Attributes,
+	fieldVal?: any,
+	row?: T
+) {
 	if (!attrs) return {}
 	const exclude = ['class']
-	const arr = Object.entries(attrs).filter(([key]) => !exclude.includes(key)).map(([key, value]) => [
-		key,
-		typeof value === 'function' ? value(fieldVal, row) : value,
-	])
+	const arr = Object.entries(attrs)
+		.filter(([key]) => !exclude.includes(key))
+		.map(([key, value]) => [
+			key,
+			typeof value === 'function' ? value(fieldVal, row) : value,
+		])
 
 	const resolvedAttrs = Object.fromEntries(arr)
 	return resolvedAttrs
@@ -60,7 +78,8 @@ export function iffer(field: any, itemData: any) {
 	if (field['v-if'] === undefined) return true
 	if (typeof field['v-if'] === 'boolean') return field['v-if']
 	if (typeof field['v-if'] === 'string') return true
-	if (typeof field['v-if'] === 'function') return field['v-if']?.(itemData?.[field.id], itemData)
+	if (typeof field['v-if'] === 'function')
+		return field['v-if']?.(itemData?.[field.id], itemData)
 	return true
 }
 
@@ -77,22 +96,25 @@ export { useLang } from './lang'
 
 export { formatString } from './strings'
 
-export function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T> {
+export function getFallbackSchema<T>(
+	data?: any[],
+	showFields?: string[]
+): BglFormSchemaT<T> {
 	const keys = Array.from(new Set((data ?? []).flatMap(Object.keys)))
 
-	const schema: BglFormSchemaT<T> = keys.map(
-		id => ({
-			id,
-			label: keyToLabel(id),
-		})
-	)
+	const schema: BglFormSchemaT<T> = keys.map(id => ({
+		id,
+		label: keyToLabel(id),
+	}))
 
 	return showFields
 		? schema.filter(f => showFields.includes(f.id as string) || !f.id)
 		: schema
 }
 
-export const sleep = (ms: number = 100) => new Promise(resolve => setTimeout(resolve, ms))
+export function sleep(ms: number = 100) {
+	return new Promise(resolve => setTimeout(resolve, ms))
+}
 
 export function appendScript(src: string): Promise<void> {
 	return new Promise((resolve, reject) => {
@@ -102,7 +124,9 @@ export function appendScript(src: string): Promise<void> {
 		}
 		const script = document.createElement('script')
 		script.src = src
-		script.onload = () => { resolve() }
+		script.onload = () => {
+			resolve()
+		}
 		script.onerror = reject
 		document.head.append(script)
 	})