delta-comic-core 0.0.4 → 0.0.5

package/dist/bundle.js

@@ -1080,13 +1080,13 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 				}), K();
 			};
 			isHidden(a) ? nextTick().then(r) : r();
-		}, ul = () => J(s.active), dl, fl = (n) => {
-			!e.touchable || n.touches.length > 1 || (l.start(n), c = !1, dl = Date.now(), W(), k());
-		}, pl = (r) => {
+		}, dl = () => J(s.active), fl, pl = (n) => {
+			!e.touchable || n.touches.length > 1 || (l.start(n), c = !1, fl = Date.now(), W(), k());
+		}, ml = (r) => {
 			e.touchable && s.swiping && (l.move(r), S.value && (!e.loop && (s.active === 0 && h.value > 0 || s.active === p.value - 1 && h.value < 0) || (preventDefault(r, e.stopPropagation), O({ offset: h.value }), c ||= (n("dragStart", { index: b.value }), !0))));
-		}, ml = () => {
+		}, hl = () => {
 			if (!e.touchable || !s.swiping) return;
-			let r = Date.now() - dl, i = h.value / r;
+			let r = Date.now() - fl, i = h.value / r;
 			if ((Math.abs(i) > .25 || Math.abs(h.value) > m.value / 2) && S.value) {
 				let n = e.vertical ? l.offsetY.value : l.offsetX.value, r = 0;
 				r = e.loop ? n > 0 ? h.value > 0 ? -1 : 1 : 0 : -Math[h.value > 0 ? "ceil" : "floor"](h.value / m.value), O({
@@ -1095,7 +1095,7 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 				});
 			} else h.value && O({ pace: 0 });
 			c = !1, s.swiping = !1, n("dragEnd", { index: b.value }), K();
-		}, hl = (n, r = {}) => {
+		}, gl = (n, r = {}) => {
 			k(), l.reset(), doubleRaf(() => {
 				let i;
 				i = e.loop && n === p.value ? s.active === 0 ? 0 : n : n % p.value, r.immediate ? doubleRaf(() => {
@@ -1105,25 +1105,25 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 					emitChange: !0
 				});
 			});
-		}, gl = (n, r) => {
+		}, _l = (n, r) => {
 			let i = r === b.value;
 			return createVNode("i", {
 				style: i ? { backgroundColor: e.indicatorColor } : void 0,
 				class: bem$7("indicator", { active: i })
 			}, null);
-		}, _l = () => {
+		}, vl = () => {
 			if (r.indicator) return r.indicator({
 				active: b.value,
 				total: p.value
 			});
-			if (e.showIndicators && p.value > 1) return createVNode("div", { class: bem$7("indicators", { vertical: e.vertical }) }, [Array(p.value).fill("").map(gl)]);
+			if (e.showIndicators && p.value > 1) return createVNode("div", { class: bem$7("indicators", { vertical: e.vertical }) }, [Array(p.value).fill("").map(_l)]);
 		};
 		return useExpose({
 			prev: M,
 			next: V,
 			state: s,
-			resize: ul,
-			swipeTo: hl
+			resize: dl,
+			swipeTo: gl
 		}), f({
 			size: m,
 			props: e,
@@ -1134,19 +1134,19 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 			windowHeight,
 			() => e.width,
 			() => e.height
-		], ul), watch(usePageVisibility(), (e) => {
+		], dl), watch(usePageVisibility(), (e) => {
 			e === "visible" ? K() : W();
-		}), onMounted(J), onActivated(() => J(s.active)), onPopupReopen(() => J(s.active)), onDeactivated(W), onBeforeUnmount(W), useEventListener("touchmove", pl, { target: o }), () => createVNode("div", {
+		}), onMounted(J), onActivated(() => J(s.active)), onPopupReopen(() => J(s.active)), onDeactivated(W), onBeforeUnmount(W), useEventListener("touchmove", ml, { target: o }), () => createVNode("div", {
 			ref: a,
 			class: bem$7()
 		}, [createVNode("div", {
 			ref: o,
 			style: C.value,
 			class: bem$7("track", { vertical: e.vertical }),
-			onTouchstartPassive: fl,
-			onTouchend: ml,
-			onTouchcancel: ml
-		}, [r.default?.call(r)]), _l()]);
+			onTouchstartPassive: pl,
+			onTouchend: hl,
+			onTouchcancel: hl
+		}, [r.default?.call(r)]), vl()]);
 	}
 })), [name$6, bem$6] = createNamespace("tabs"), stdin_default$5 = defineComponent({
 	name: name$6,
@@ -1283,26 +1283,26 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 				event: a,
 				disabled: s
 			});
-		}, ul = (e) => {
-			s = e.isFixed, n("scroll", e);
 		}, dl = (e) => {
+			s = e.isFixed, n("scroll", e);
+		}, fl = (e) => {
 			nextTick(() => {
 				W(e), K(!0);
 			});
-		}, fl = () => {
+		}, pl = () => {
 			for (let e = 0; e < b.length; e++) {
 				let { top: n } = useRect(b[e].$el);
 				if (n > M.value) return e === 0 ? 0 : e - 1;
 			}
 			return b.length - 1;
-		}, pl = () => {
-			e.scrollspy && !o && H(fl());
 		}, ml = () => {
+			e.scrollspy && !o && H(pl());
+		}, hl = () => {
 			if (e.type === "line" && b.length) return createVNode("div", {
 				class: bem$5("line"),
 				style: C.lineStyle
 			}, null);
-		}, hl = () => {
+		}, gl = () => {
 			let { type: n, border: i, sticky: a } = e, o = [createVNode("div", {
 				ref: a ? void 0 : p,
 				class: [bem$5("wrap"), { [BORDER_TOP_BOTTOM]: n === "line" && i }]
@@ -1318,11 +1318,11 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 			}, [
 				r["nav-left"]?.call(r),
 				b.map((e) => e.renderTitle(J)),
-				ml(),
+				hl(),
 				r["nav-right"]?.call(r)
 			])]), r["nav-bottom"]?.call(r)];
 			return a ? createVNode("div", { ref: p }, [o]) : o;
-		}, gl = () => {
+		}, _l = () => {
 			B(), nextTick(() => {
 				var e;
 				z(!0), (e = m.value?.swipeRef.value) == null || e.resize();
@@ -1333,20 +1333,20 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 			e.duration,
 			e.lineWidth,
 			e.lineHeight
-		], B), watch(windowWidth, gl), watch(() => e.active, (e) => {
+		], B), watch(windowWidth, _l), watch(() => e.active, (e) => {
 			e !== k.value && W(e);
 		}), watch(() => b.length, () => {
 			C.inited && (W(e.active), B(), nextTick(() => {
 				z(!0);
 			}));
 		}), useExpose({
-			resize: gl,
-			scrollTo: dl
+			resize: _l,
+			scrollTo: fl
 		}), onActivated(B), onPopupReopen(B), onMountedOrActivated(() => {
 			W(e.active, !0), nextTick(() => {
 				C.inited = !0, p.value && (a = useRect(p.value).height), z(!0);
 			});
-		}), useVisibilityChange(d, B), useEventListener("scroll", pl, {
+		}), useVisibilityChange(d, B), useEventListener("scroll", ml, {
 			target: g,
 			passive: !0
 		}), S({
@@ -1364,8 +1364,8 @@ var [name$8, bem$8] = createNamespace("sticky"), Sticky = withInstall(defineComp
 		}, [e.showHeader ? e.sticky ? createVNode(Sticky, {
 			container: d.value,
 			offsetTop: j.value,
-			onScroll: ul
-		}, { default: () => [hl()] }) : hl() : null, createVNode(stdin_default$5, {
+			onScroll: dl
+		}, { default: () => [gl()] }) : gl() : null, createVNode(stdin_default$5, {
 			ref: m,
 			count: b.length,
 			inited: C.inited,
@@ -2202,7 +2202,7 @@ var loading_default = /* @__PURE__ */ ((e, n) => {
 		textColor: {}
 	},
 	setup(e) {
-		useCssVars((e) => ({ v6a9760b4: r.value }));
+		useCssVars((e) => ({ v4790b4ce: r.value }));
 		let n = e, r = computed(() => isNumber(n.size) ? `${n.size}px` : n.size);
 		return (e, r) => {
 			let i = Loading;
@@ -2212,7 +2212,7 @@ var loading_default = /* @__PURE__ */ ((e, n) => {
 			}, 16);
 		};
 	}
-}), [["__scopeId", "data-v-472e17a3"]]);
+}), [["__scopeId", "data-v-7ff4601b"]]);
 const useGlobalVar = (e, n) => (window.$api.__core_lib__ ??= {})[n] ??= e;
 var layout_exports = /* @__PURE__ */ __export({ useZIndex: () => useZIndex }), allLayers = useGlobalVar(shallowReactive([]), "utils/layers");
 const useZIndex = (e) => {
@@ -2228,11 +2228,11 @@ const useZIndex = (e) => {
 		r
 	];
 };
-function tryOnScopeDispose(e) {
-	return getCurrentScope() ? (onScopeDispose(e), !0) : !1;
+function tryOnScopeDispose(e, n) {
+	return getCurrentScope() ? (onScopeDispose(e, n), !0) : !1;
 }
-var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
-	let n = e[0], r = getCurrentInstance()?.proxy;
+var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = (...e) => {
+	let n = e[0], r = getCurrentInstance()?.proxy ?? getCurrentScope();
 	if (r == null && !hasInjectionContext()) throw Error("injectLocal must be called in setup");
 	return r && localProvidedStateMap.has(r) && n in localProvidedStateMap.get(r) ? localProvidedStateMap.get(r)[n] : inject(...e);
 }, isClient = typeof window < "u" && typeof document < "u";
@@ -2282,7 +2282,7 @@ function throttleFilter(...e) {
 	};
 	return (e) => {
 		let f = toValue(s), p = Date.now() - n, m = () => o = e();
-		return d(), f <= 0 ? (n = Date.now(), m()) : (p > f && (l || !i) ? (n = Date.now(), m()) : c && (o = new Promise((e, o) => {
+		return d(), f <= 0 ? (n = Date.now(), m()) : (p > f ? (n = Date.now(), (l || !i) && m()) : c && (o = new Promise((e, o) => {
 			a = u ? o : e, r = setTimeout(() => {
 				n = Date.now(), i = !0, e(m()), d();
 			}, Math.max(0, f - p));
@@ -2320,11 +2320,9 @@ function toArray(e) {
 function getLifeCycleTarget(e) {
 	return e || getCurrentInstance();
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useDebounceFn(e, n = 200, r = {}) {
 	return createFilterWrapper(debounceFilter(n, r), e);
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useThrottleFn(e, n = 200, r = !1, i = !0, a = !1) {
 	return createFilterWrapper(throttleFilter(n, r, i, a), e);
 }
@@ -2344,6 +2342,7 @@ function watchPausable(e, n, r = {}) {
 		isActive: u
 	};
 }
+var pausableWatch = watchPausable;
 function tryOnMounted(e, n = !0, r) {
 	getLifeCycleTarget(r) ? onMounted(e, r) : n ? e() : nextTick(e);
 }
@@ -2438,7 +2437,7 @@ function watchOnce(e, n, r) {
 function computedAsync(e, n, r) {
 	let a;
 	a = isRef(r) ? { evaluating: r } : r || {};
-	let { lazy: o = !1, flush: s = "pre", evaluating: c = void 0, shallow: l = !0, onError: u = globalThis.reportError ?? noop } = a, d = shallowRef(!o), f = l ? shallowRef(n) : ref(n), p = 0;
+	let { lazy: o = !1, flush: s = "sync", evaluating: c = void 0, shallow: l = !0, onError: u = globalThis.reportError ?? noop } = a, d = shallowRef(!o), f = l ? shallowRef(n) : ref(n), p = 0;
 	return watchEffect(async (n) => {
 		if (!d.value) return;
 		p++;
@@ -2486,7 +2485,6 @@ function useEventListener$1(...e) {
 		s(), r();
 	};
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useMounted() {
 	let e = shallowRef(!1), n = getCurrentInstance();
 	return n && onMounted(() => {
@@ -2495,7 +2493,7 @@ function useMounted() {
 }
 /* @__NO_SIDE_EFFECTS__ */
 function useSupported(e) {
-	let n = /* @__PURE__ */ useMounted();
+	let n = useMounted();
 	return computed(() => (n.value, !!e()));
 }
 function useMutationObserver(e, n, r = {}) {
@@ -2520,53 +2518,57 @@ function useMutationObserver(e, n, r = {}) {
 }
 var DEFAULT_DELAY = 500, DEFAULT_THRESHOLD = 10;
 function onLongPress(e, n, r) {
-	let a = computed(() => unrefElement(e)), o, s, c, l = !1;
-	function u() {
-		o &&= (clearTimeout(o), void 0), s = void 0, c = void 0, l = !1;
+	var a, o;
+	let s = computed(() => unrefElement(e)), c, l, u, d = !1;
+	function f() {
+		c &&= (clearTimeout(c), void 0), l = void 0, u = void 0, d = !1;
 	}
-	function d(e) {
+	function p(e) {
 		let n = r?.delay;
 		return typeof n == "function" ? n(e) : n ?? DEFAULT_DELAY;
 	}
-	function f(e) {
-		let [n, i, o] = [
-			c,
-			s,
-			l
+	function m(e) {
+		var n, i, a;
+		let [o, c, p] = [
+			u,
+			l,
+			d
 		];
-		if (u(), !r?.onMouseUp || !i || !n || r?.modifiers?.self && e.target !== a.value) return;
-		r?.modifiers?.prevent && e.preventDefault(), r?.modifiers?.stop && e.stopPropagation();
-		let d = e.x - i.x, f = e.y - i.y, p = Math.sqrt(d * d + f * f);
-		r.onMouseUp(e.timeStamp - n, p, o);
-	}
-	function p(e) {
-		r?.modifiers?.self && e.target !== a.value || (u(), r?.modifiers?.prevent && e.preventDefault(), r?.modifiers?.stop && e.stopPropagation(), s = {
+		if (f(), !r?.onMouseUp || !c || !o || !(r == null || (n = r.modifiers) == null) && n.self && e.target !== s.value) return;
+		!(r == null || (i = r.modifiers) == null) && i.prevent && e.preventDefault(), !(r == null || (a = r.modifiers) == null) && a.stop && e.stopPropagation();
+		let m = e.x - c.x, h = e.y - c.y, g = Math.sqrt(m * m + h * h);
+		r.onMouseUp(e.timeStamp - o, g, p);
+	}
+	function h(e) {
+		var i, a, o;
+		!(r == null || (i = r.modifiers) == null) && i.self && e.target !== s.value || (f(), !(r == null || (a = r.modifiers) == null) && a.prevent && e.preventDefault(), !(r == null || (o = r.modifiers) == null) && o.stop && e.stopPropagation(), l = {
 			x: e.x,
 			y: e.y
-		}, c = e.timeStamp, o = setTimeout(() => {
-			l = !0, n(e);
-		}, d(e)));
-	}
-	function m(e) {
-		if (r?.modifiers?.self && e.target !== a.value || !s || r?.distanceThreshold === !1) return;
-		r?.modifiers?.prevent && e.preventDefault(), r?.modifiers?.stop && e.stopPropagation();
-		let n = e.x - s.x, i = e.y - s.y;
-		Math.sqrt(n * n + i * i) >= (r?.distanceThreshold ?? DEFAULT_THRESHOLD) && u();
-	}
-	let h = {
-		capture: r?.modifiers?.capture,
-		once: r?.modifiers?.once
-	}, g = [
-		useEventListener$1(a, "pointerdown", p, h),
-		useEventListener$1(a, "pointermove", m, h),
-		useEventListener$1(a, ["pointerup", "pointerleave"], f, h)
+		}, u = e.timeStamp, c = setTimeout(() => {
+			d = !0, n(e);
+		}, p(e)));
+	}
+	function g(e) {
+		var n, i, a;
+		if (!(r == null || (n = r.modifiers) == null) && n.self && e.target !== s.value || !l || r?.distanceThreshold === !1) return;
+		!(r == null || (i = r.modifiers) == null) && i.prevent && e.preventDefault(), !(r == null || (a = r.modifiers) == null) && a.stop && e.stopPropagation();
+		let o = e.x - l.x, c = e.y - l.y;
+		Math.sqrt(o * o + c * c) >= (r?.distanceThreshold ?? DEFAULT_THRESHOLD) && f();
+	}
+	let v = {
+		capture: r == null || (a = r.modifiers) == null ? void 0 : a.capture,
+		once: r == null || (o = r.modifiers) == null ? void 0 : o.once
+	}, y = [
+		useEventListener$1(s, "pointerdown", h, v),
+		useEventListener$1(s, "pointermove", g, v),
+		useEventListener$1(s, ["pointerup", "pointerleave"], m, v)
 	];
-	return () => g.forEach((e) => e());
+	return () => y.forEach((e) => e());
 }
 var ssrWidthSymbol = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
 function useSSRWidth() {
-	let e = hasInjectionContext() ? /* @__PURE__ */ injectLocal(ssrWidthSymbol, null) : null;
+	let e = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
 function useMediaQuery(e, n = {}) {
@@ -2591,7 +2593,6 @@ function getHandlers() {
 function getSSRHandler(e, n) {
 	return handlers[e] || n;
 }
-/* @__NO_SIDE_EFFECTS__ */
 function usePreferredDark(e) {
 	return useMediaQuery("(prefers-color-scheme: dark)", e);
 }
@@ -2642,7 +2643,7 @@ function useStorage(e, n, r, a = {}) {
 		m(e);
 	}
 	if (!r) return g;
-	let y = toValue(n), b = guessSerializerType(y), S = a.serializer ?? StorageSerializers[b], { pause: C, resume: w } = watchPausable(g, (e) => k(e), {
+	let y = toValue(n), b = guessSerializerType(y), S = a.serializer ?? StorageSerializers[b], { pause: C, resume: w } = pausableWatch(g, (e) => k(e), {
 		flush: o,
 		deep: s,
 		eventFilter: p
@@ -2765,17 +2766,17 @@ function useScroll(e, n = {}) {
 		}
 	});
 	function b(n, r) {
-		var i;
+		var i, a;
 		if (!f) return;
-		let a = toValue(e);
-		if (!a) return;
-		(i = a instanceof Document ? f.document.body : a) == null || i.scrollTo({
+		let o = toValue(e);
+		if (!o) return;
+		(i = o instanceof Document ? f.document.body : o) == null || i.scrollTo({
 			top: toValue(r) ?? y.value,
 			left: toValue(n) ?? v.value,
 			behavior: toValue(d)
 		});
-		let o = a?.document?.documentElement || a?.documentElement || a;
-		v != null && (h.value = o.scrollLeft), y != null && (g.value = o.scrollTop);
+		let s = (o == null || (a = o.document) == null ? void 0 : a.documentElement) || o?.documentElement || o;
+		v != null && (h.value = s.scrollLeft), y != null && (g.value = s.scrollTop);
 	}
 	let S = shallowRef(!1), C = reactive({
 		left: !0,
@@ -2789,20 +2790,21 @@ function useScroll(e, n = {}) {
 		bottom: !1
 	}), E = (e) => {
 		S.value && (S.value = !1, w.left = !1, w.right = !1, w.top = !1, w.bottom = !1, o(e));
-	}, D = /* @__PURE__ */ useDebounceFn(E, r + a), O = (e) => {
+	}, D = useDebounceFn(E, r + a), O = (e) => {
+		var n;
 		if (!f) return;
-		let n = e?.document?.documentElement || e?.documentElement || unrefElement(e), { display: r, flexDirection: i, direction: a } = getComputedStyle(n), o = a === "rtl" ? -1 : 1, s = n.scrollLeft;
-		w.left = s < h.value, w.right = s > h.value;
-		let l = Math.abs(s * o) <= (c.left || 0), u = Math.abs(s * o) + n.clientWidth >= n.scrollWidth - (c.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-		r === "flex" && i === "row-reverse" ? (C.left = u, C.right = l) : (C.left = l, C.right = u), h.value = s;
-		let d = n.scrollTop;
-		e === f.document && !d && (d = f.document.body.scrollTop), w.top = d < g.value, w.bottom = d > g.value;
-		let p = Math.abs(d) <= (c.top || 0), m = Math.abs(d) + n.clientHeight >= n.scrollHeight - (c.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
-		r === "flex" && i === "column-reverse" ? (C.top = m, C.bottom = p) : (C.top = p, C.bottom = m), g.value = d;
+		let r = (e == null || (n = e.document) == null ? void 0 : n.documentElement) || e?.documentElement || unrefElement(e), { display: i, flexDirection: a, direction: o } = getComputedStyle(r), s = o === "rtl" ? -1 : 1, l = r.scrollLeft;
+		w.left = l < h.value, w.right = l > h.value;
+		let u = Math.abs(l * s) <= (c.left || 0), d = Math.abs(l * s) + r.clientWidth >= r.scrollWidth - (c.right || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
+		i === "flex" && a === "row-reverse" ? (C.left = d, C.right = u) : (C.left = u, C.right = d), h.value = l;
+		let p = r.scrollTop;
+		e === f.document && !p && (p = f.document.body.scrollTop), w.top = p < g.value, w.bottom = p > g.value;
+		let m = Math.abs(p) <= (c.top || 0), v = Math.abs(p) + r.clientHeight >= r.scrollHeight - (c.bottom || 0) - ARRIVED_STATE_THRESHOLD_PIXELS;
+		i === "flex" && a === "column-reverse" ? (C.top = v, C.bottom = m) : (C.top = m, C.bottom = v), g.value = p;
 	}, k = (e) => {
 		f && (O(e.target.documentElement ?? e.target), S.value = !0, D(e), s(e));
 	};
-	return useEventListener$1(e, "scroll", r ? /* @__PURE__ */ useThrottleFn(k, r, !0, !1) : k, u), tryOnMounted(() => {
+	return useEventListener$1(e, "scroll", r ? useThrottleFn(k, r, !0, !1) : k, u), tryOnMounted(() => {
 		try {
 			let n = toValue(e);
 			if (!n) return;
@@ -2833,7 +2835,6 @@ function useLocalStorage(e, n, r = {}) {
 	let { window: i = defaultWindow } = r;
 	return useStorage(e, n, i?.localStorage, r);
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useWindowSize(e = {}) {
 	let { window: n = defaultWindow, initialWidth: r = Infinity, initialHeight: i = Infinity, listenOrientation: a = !0, includeScrollbar: o = !0, type: s = "inner" } = e, c = shallowRef(r), l = shallowRef(i), u = () => {
 		if (n) if (s === "outer") c.value = n.outerWidth, l.value = n.outerHeight;
@@ -2868,7 +2869,7 @@ var floatPopup_default = /* @__PURE__ */ defineComponent({
 		overlay: { type: Boolean }
 	},
 	setup(e, { expose: s }) {
-		let l = useRouter(), d = e, f = shallowRef(!1), { height: p } = /* @__PURE__ */ useWindowSize(), m = computed(() => isArray(d.anchors) ? d.anchors : d.anchors === "high" ? [
+		let l = useRouter(), d = e, f = shallowRef(!1), { height: p } = useWindowSize(), m = computed(() => isArray(d.anchors) ? d.anchors : d.anchors === "high" ? [
 			0,
 			Math.round(.4 * p.value),
 			Math.round(.7 * p.value),
@@ -3024,10 +3025,10 @@ var image_default = /* @__PURE__ */ defineComponent({
 		}, A = (...e) => {
 			p("load", ...e), v.loaded.add(f.value);
 		}, j = useTemplateRef("img");
-		return r({
+		return console.log("[img]", j), r({
 			isLoaded: S,
-			imageEl: j.value?.imageRef,
-			imageIns: j.value
+			imageEl: computed(() => j.value?.imageRef),
+			imageIns: j
 		}), (r, i) => {
 			let l = NImage, m = Icon;
 			return openBlock(), createElementBlock(Fragment, null, [
@@ -3288,6 +3289,7 @@ var data_exports = /* @__PURE__ */ __export({
 		this.$$raw = e;
 	}
 }, PromiseContent = class e {
+	[Symbol.toStringTag] = "PromiseContent";
 	static _this;
 	static #_ = this._this = useGlobalVar(this, "data/PromiseContent");
 	static isPromiseContent(e) {
@@ -3303,12 +3305,22 @@ var data_exports = /* @__PURE__ */ __export({
 		this.data.value = void 0, this.isLoading.value = !0, this.isError.value = !1, this.errorCause.value = void 0, this.isEmpty.value = !0;
 		try {
 			let n = await e;
-			this.data.value = this.processor(n), this.isLoading.value = !1, this.isError.value = !1, this.isEmpty.value = isEmpty(n);
+			this.data.value = this.processor(n), this.isLoading.value = !1, this.isError.value = !1, this.isEmpty.value = isEmpty(n), this.emitter.emit("success", this.data.value);
 		} catch (e) {
-			this.data.value = void 0, this.isError.value = !0, this.errorCause.value = isError(e) ? e : Error(String(e)), console.error("Non-throw Error [PromiseContent]", e);
+			this.data.value = void 0, this.isError.value = !0, this.errorCause.value = isError(e) ? e : Error(String(e)), console.error("Non-throw Error [PromiseContent]", e), this.emitter.emit("error", e);
 		}
+		this.emitter.emit("finial", void 0);
+	}
+	emitter = mitt_default();
+	onError(e) {
+		return this.emitter.on("error", e), () => this.emitter.off("error", e);
+	}
+	onSuccess(e) {
+		return this.emitter.on("success", e), () => this.emitter.off("success", e);
+	}
+	onFinal(e) {
+		return this.emitter.on("finial", e), () => this.emitter.off("finial", e);
 	}
-	[Symbol.toStringTag] = "[class PromiseContent]";
 	setProcessor(n) {
 		return e.fromPromise(this.promise, n);
 	}
@@ -5178,7 +5190,7 @@ const appConfig = new ConfigPointer("core", {
 		let r = n.get(e.key);
 		if (!r) throw Error(`not found config by plugin "${e.pluginName}"`);
 		return r.value;
-	}, "load"), a = /* @__PURE__ */ usePreferredDark();
+	}, "load"), a = usePreferredDark();
 	return {
 		isDark: computed(() => {
 			switch (r(appConfig).darkMode) {