fix(gallery.ts): solve circular dependency in mobile view

This commit is contained in:
Sped0n
2023-11-02 12:29:39 +08:00
parent 0cc97325c0
commit d936f1b272
3 changed files with 16 additions and 6 deletions

View File

@@ -1,16 +1,16 @@
import { container } from '../container'
import { type ImageJSON } from '../resources'
import { setIndex } from '../state'
import { Watchable, getRandom, onVisible } from '../utils'
import { getRandom, onVisible } from '../utils'
import { slideUp } from './gallery'
import { mounted } from './mounted'
/**
* variables
*/
export let imgs: HTMLImageElement[] = []
export const mounted = new Watchable<boolean>(false)
/**
* main functions
@@ -32,8 +32,8 @@ export function initCollection(ijs: ImageJSON[]): void {
.getElementsByClassName('collection')
.item(0) as HTMLDivElement
// add watcher
mounted.addWatcher(() => {
if (mounted.get()) {
mounted.addWatcher((o) => {
if (o) {
collection.classList.remove('hidden')
} else {
collection.classList.add('hidden')