This commit is contained in:
1174
node_modules/@tanstack/virtual-core/src/index.ts
generated
vendored
Normal file
1174
node_modules/@tanstack/virtual-core/src/index.ts
generated
vendored
Normal file
File diff suppressed because it is too large
Load Diff
98
node_modules/@tanstack/virtual-core/src/utils.ts
generated
vendored
Normal file
98
node_modules/@tanstack/virtual-core/src/utils.ts
generated
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
export type NoInfer<A extends any> = [A][A extends any ? 0 : never]
|
||||
|
||||
export type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>
|
||||
|
||||
export function memo<TDeps extends ReadonlyArray<any>, TResult>(
|
||||
getDeps: () => [...TDeps],
|
||||
fn: (...args: NoInfer<[...TDeps]>) => TResult,
|
||||
opts: {
|
||||
key: false | string
|
||||
debug?: () => boolean
|
||||
onChange?: (result: TResult) => void
|
||||
initialDeps?: TDeps
|
||||
},
|
||||
) {
|
||||
let deps = opts.initialDeps ?? []
|
||||
let result: TResult | undefined
|
||||
|
||||
function memoizedFunction(): TResult {
|
||||
let depTime: number
|
||||
if (opts.key && opts.debug?.()) depTime = Date.now()
|
||||
|
||||
const newDeps = getDeps()
|
||||
|
||||
const depsChanged =
|
||||
newDeps.length !== deps.length ||
|
||||
newDeps.some((dep: any, index: number) => deps[index] !== dep)
|
||||
|
||||
if (!depsChanged) {
|
||||
return result!
|
||||
}
|
||||
|
||||
deps = newDeps
|
||||
|
||||
let resultTime: number
|
||||
if (opts.key && opts.debug?.()) resultTime = Date.now()
|
||||
|
||||
result = fn(...newDeps)
|
||||
|
||||
if (opts.key && opts.debug?.()) {
|
||||
const depEndTime = Math.round((Date.now() - depTime!) * 100) / 100
|
||||
const resultEndTime = Math.round((Date.now() - resultTime!) * 100) / 100
|
||||
const resultFpsPercentage = resultEndTime / 16
|
||||
|
||||
const pad = (str: number | string, num: number) => {
|
||||
str = String(str)
|
||||
while (str.length < num) {
|
||||
str = ' ' + str
|
||||
}
|
||||
return str
|
||||
}
|
||||
|
||||
console.info(
|
||||
`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
|
||||
`
|
||||
font-size: .6rem;
|
||||
font-weight: bold;
|
||||
color: hsl(${Math.max(
|
||||
0,
|
||||
Math.min(120 - 120 * resultFpsPercentage, 120),
|
||||
)}deg 100% 31%);`,
|
||||
opts?.key,
|
||||
)
|
||||
}
|
||||
|
||||
opts?.onChange?.(result)
|
||||
|
||||
return result
|
||||
}
|
||||
|
||||
// Attach updateDeps to the function itself
|
||||
memoizedFunction.updateDeps = (newDeps: [...TDeps]) => {
|
||||
deps = newDeps
|
||||
}
|
||||
|
||||
return memoizedFunction
|
||||
}
|
||||
|
||||
export function notUndefined<T>(value: T | undefined, msg?: string): T {
|
||||
if (value === undefined) {
|
||||
throw new Error(`Unexpected undefined${msg ? `: ${msg}` : ''}`)
|
||||
} else {
|
||||
return value
|
||||
}
|
||||
}
|
||||
|
||||
export const approxEqual = (a: number, b: number) => Math.abs(a - b) <= 1
|
||||
|
||||
export const debounce = (
|
||||
targetWindow: Window & typeof globalThis,
|
||||
fn: Function,
|
||||
ms: number,
|
||||
) => {
|
||||
let timeoutId: number
|
||||
return function (this: any, ...args: Array<any>) {
|
||||
targetWindow.clearTimeout(timeoutId)
|
||||
timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user