x-runtime-lib 0.8.205 → 0.8.207

package/dist/{emscripten-module.browser.cliij9uf.js → emscripten-module.browser.h7zp435u.js}

@@ -1,2 +1,2 @@
-import { n as emscripten_module_browser_default } from "./vendor.pfrgnj2n.js";
+import { n as emscripten_module_browser_default } from "./vendor.lq3l5zkx.js";
 export { emscripten_module_browser_default as default };

package/dist/ffi.ji1z6n81.js

@@ -0,0 +1,2 @@
+import { t as QuickJSFFI } from "./vendor.lq3l5zkx.js";
+export { QuickJSFFI };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { n as __export } from "./rolldown-runtime.ofrncwta.js";
-import { C as MapControls_default, D as isEmpty_default, E as isEqual_default, O as cloneDeep_default, S as KeyboardControls_default, T as component_default$8, _ as install, b as registerTheme, d as install$5, f as install$4, g as install$3, h as install$1, i as getQuickJS, k as capitalize_default, l as encodeString, m as install$2, p as install$6, r as mitt_default, u as install$7, v as core_exports, w as OrbitControls_default, x as HTML_default, y as use } from "./vendor.pfrgnj2n.js";
+import { C as MapControls_default, D as isEmpty_default, E as isEqual_default, O as cloneDeep_default, S as KeyboardControls_default, T as component_default$8, _ as install, a as getQuickJS, b as registerTheme, d as install$5, f as install$4, g as install$3, h as install$1, i as mitt_default, k as capitalize_default, m as install$2, p as install$6, r as encodeString, u as install$7, v as core_exports, w as OrbitControls_default, x as HTML_default, y as use } from "./vendor.lq3l5zkx.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, h, inject, isRef, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeMount, onMounted, onUnmounted, openBlock, provide, readonly, ref, renderList, renderSlot, resolveComponent, shallowRef, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withModifiers } from "vue";
 import { createAxios, eventBus, getTypeDefault, globalObjects, messageError, messageInfo, messageSuccess, messageWarning, openConfirmDlg, openPromptDlg, useViewStack, waitUtil } from "x-essential-lib";
 import { CameraHelper, DirectionalLightHelper, PointLightHelper, SpotLightHelper } from "three";
@@ -224,7 +224,7 @@ function toEventName(e, p) {
 			m = makePrefix("adaptSlot", "propertyChange"), g = !1;
 			break;
 		case "stateChangeEvent":
-			m = makePrefix("state"), g = !1;
+			m = makePrefix("stateChange"), g = !1;
 			break;
 		default: console.assert(!1, `not implemented kind=${e}`);
 	}
@@ -1499,8 +1499,8 @@ function useElementSlotProperty(e, p, m, g) {
 		e.eventBus.on(`property/${m}/get`, _), e.eventBus.on(`property/${m}/set`, v);
 	}), onUnmounted(() => {
 		e.eventBus.off(`property/${m}/get`, _), e.eventBus.off(`property/${m}/set`, v);
-	}), watch(g, (g, _) => {
-		e.hooks.onPropertyChange(makePropertyId("elementAdaptSlotProperty", "globality", makePropertyKeyOfElementSlot(p.value.basic.key, e.slotId, m)), g, _, e.instance);
+	}), watch(g, async (g, _) => {
+		await e.hooks.onPropertyChange(makePropertyId("elementAdaptSlotProperty", "globality", makePropertyKeyOfElementSlot(p.value.basic.key, e.slotId, m)), g, _, e.instance);
 	}, { immediate: !0 });
 }
 function useElementSlotRender(e, p, m) {
@@ -10182,6 +10182,10 @@ function provideNode(e) {
 function injectNode() {
 	return inject(nodeKey);
 }
+function getImplementMethodName(e, p, m) {
+	let g = [e, p], _ = m.split(".");
+	return _.length > 1 ? g.push(..._.slice(1)) : g.push(m), `__implementMethod$${g.join("$")}__`;
+}
 function makePropertyId(e, p, m) {
 	return `${e}/${p}/${m}`;
 }
@@ -10313,55 +10317,6 @@ function unwrapTriggerId(e) {
 		triggerKey: p[1]
 	};
 }
-async function initReactivity(e, p) {
-	await initWatchEffect(e, p), await initBind(e, p);
-}
-async function initWatchEffect(e, p) {
-	let { watchEffect: m } = p;
-	for (let p of m.ids) {
-		let m = encodeString(p);
-		await e.callFunctionAsync(`__watchEffect$${m}__`);
-	}
-}
-async function initBind(e, p) {
-	let { bind: m } = p;
-	for (let p in m.sets) {
-		let g = m.sets[p];
-		if (g.length < 2) continue;
-		let _, { kind: v, triggerKey: y } = unwrapTriggerId(g[0]);
-		v === "propertyTrigger" ? _ = await e.getProperty(y) : v === "stateTrigger" ? _ = await e.getState(y) : console.assert(!1);
-		for (let p of g) {
-			let { kind: m, triggerKey: g } = unwrapTriggerId(p);
-			m === "propertyTrigger" ? await e.setProperty(g, _) : m === "stateTrigger" ? await e.setState(g, _) : console.assert(!1);
-		}
-	}
-}
-async function triggerReactivity(e, p, m, g, _) {
-	await triggerWatchEffect(e, p, m), await triggerBind(e, p, m, g, _);
-}
-async function triggerWatchEffect(e, p, m) {
-	let { watchEffect: g } = p;
-	if (g.triggers[m]) for (let p of g.triggers[m]) {
-		let m = encodeString(p);
-		await e.callFunctionAsync(`__watchEffect$${m}__`);
-	}
-}
-async function triggerBind(e, p, m, _, v) {
-	let { bind: y } = p;
-	if (isEqual_default(_, v)) return;
-	let b = y.triggers[m];
-	if (b) for (let p of b) {
-		let m = y.sets[p];
-		if (m) for (let p of m) {
-			let { kind: m, triggerKey: g } = unwrapTriggerId(p);
-			m === "propertyTrigger" ? await e.setProperty(g, _) : m === "stateTrigger" ? await e.setState(g, _) : console.assert(!1);
-		}
-	}
-}
-function getImplementMethodName(e, p, m) {
-	let g = [e, p], _ = m.split(".");
-	return _.length > 1 ? g.push(..._.slice(1)) : g.push(m), `__implementMethod$${g.join("$")}__`;
-}
 function useDepend(e, p, m) {
 	let g = injectDepends(), v = ref(-1), y = ref(-1);
 	watchEffect(() => {
@@ -10702,10 +10657,10 @@ var PromiseManager = class {
 	data = ref();
 	depends = shallowRef();
 	prepare(e, p, m, g) {
-		this.meta.value = e.value, this.data.value = p.value, this.depends.value = m.value, this.resetProperties(g), this.resetStates();
+		this.meta.value = e.value, this.data.value = p.value, this.depends.value = m.value, this.resetCustomProperties(g), this.resetCustomSlotProperties(g), this.resetStates();
 	}
 	async createVm(e, p) {
-		this.vm = e.newContext(), this.promiseManager = new PromiseManager(this.vm), bind(this), this.vm.evalCode("\nlet __events__ = {}\n\nfunction __onEventV1__(id, callback) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (typeof(callback) !== 'function') {\n    return\n  }\n  if (!__events__[id]) {\n    __events__[id] = []\n  }\n  const callbacks = __events__[id]\n  for (let i = 0; i < callbacks.length; i++) {\n    if (callbacks[i] === callback) {\n      return\n    }\n  }\n  callbacks.push(callback)\n}\n\nasync function __triggerEventInner__(id, params, instance) {\n  if (!__events__[id]) {\n    return\n  }\n  const callbacks = __events__[id]\n  if (!callbacks) {\n    return\n  }\n  for (let i = 0; i < callbacks.length; i++) {\n    await callbacks[i](params, instance)\n  }\n}\n\nlet __timers__ = {}\nlet __currTimerId__ = 0\n\nfunction __createTimerV1__(interval, loop, count, immediate, callback) {\n  if (!loop && count <= 0) {\n    return\n  }\n  const timer = {}\n  timer.id = __currTimerId__++\n  timer.interval = interval\n  timer.loop = loop\n  timer.count = count\n  timer.immediate = immediate\n  timer.callback = callback\n  __timers__[timer.id] = timer\n  if (timer.immediate) {\n    __timeoutCallbackV1__(timer.id)\n  } else {\n    __timeoutV1__(timer.id, timer.interval)\n  }\n}\n\nasync function __timeoutCallback__(timerId) {\n  const timer = __timers__[timerId]\n  if (timer) {\n    timer.callback()\n    // 修改计数\n    if (!timer.loop) {\n      timer.count = timer.count - 1\n    }\n    // 触发超时\n    if (timer.loop || timer.count > 0) {\n      await __timeoutV1__(timer.id, timer.interval)\n    }\n    // 回收\n    if (!timer.loop && timer.count <= 0) {\n      delete __timers__[timer.id]\n    }\n  }\n}\n\nfunction __destroy__() {\n  __events__ = {}\n  __timers__ = {}\n}\n"), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(p), this.data.value?.code.reactivity && await initReactivity(this, this.data.value?.code.reactivity), await nextTick(), this.hooks.onReady();
+		this.vm = e.newContext(), this.promiseManager = new PromiseManager(this.vm), bind(this), this.vm.evalCode("\nlet __events__ = {}\n\nfunction __onEventV1__(id, callback) {\n  if (typeof(id) !== 'string' || !id) {\n    return\n  }\n  if (typeof(callback) !== 'function') {\n    return\n  }\n  if (!__events__[id]) {\n    __events__[id] = []\n  }\n  const callbacks = __events__[id]\n  for (let i = 0; i < callbacks.length; i++) {\n    if (callbacks[i] === callback) {\n      return\n    }\n  }\n  callbacks.push(callback)\n}\n\nasync function __triggerEventInner__(id, params, instance) {\n  if (!__events__[id]) {\n    return\n  }\n  const callbacks = __events__[id]\n  if (!callbacks) {\n    return\n  }\n  for (let i = 0; i < callbacks.length; i++) {\n    await callbacks[i](params, instance)\n  }\n}\n\nlet __timers__ = {}\nlet __currTimerId__ = 0\n\nfunction __createTimerV1__(interval, loop, count, immediate, callback) {\n  if (!loop && count <= 0) {\n    return\n  }\n  const timer = {}\n  timer.id = __currTimerId__++\n  timer.interval = interval\n  timer.loop = loop\n  timer.count = count\n  timer.immediate = immediate\n  timer.callback = callback\n  __timers__[timer.id] = timer\n  if (timer.immediate) {\n    __timeoutCallbackV1__(timer.id)\n  } else {\n    __timeoutV1__(timer.id, timer.interval)\n  }\n}\n\nasync function __timeoutCallback__(timerId) {\n  const timer = __timers__[timerId]\n  if (timer) {\n    timer.callback()\n    // 修改计数\n    if (!timer.loop) {\n      timer.count = timer.count - 1\n    }\n    // 触发超时\n    if (timer.loop || timer.count > 0) {\n      await __timeoutV1__(timer.id, timer.interval)\n    }\n    // 回收\n    if (!timer.loop && timer.count <= 0) {\n      delete __timers__[timer.id]\n    }\n  }\n}\n\nfunction __destroy__() {\n  __events__ = {}\n  __timers__ = {}\n}\n"), this.setGlobalVariable("__env__", this.env), this.vm.evalCode(p), await nextTick(), await this.hooks.onReady();
 	}
 	destroyVm() {
 		this.vm && this.hooks.onDestroy(), this.promiseManager &&= (this.promiseManager.dispose(), void 0), this.vm &&= (this.vm.dispose(), void 0);
@@ -10773,12 +10728,13 @@ var PromiseManager = class {
 	}
 	customProperties = {};
 	customSlotProperties = {};
-	resetProperties(e) {
-		if (this.customProperties = {}, this.meta.value?.properties) for (let { id: p, type: m } of this.meta.value.properties) this.customProperties[p] = getTypeDefault(m), !(this.kind !== "ref" && this.kind !== "multipleRef") && (!e || e[p] === void 0 || typeof this.customProperties[p] == typeof e[p] && (this.customProperties[p] = e[p]));
-		if (this.customSlotProperties = {}, (this.kind === "customSlot" || this.kind === "multipleCustomSlot") && this.parent?.meta.value?.slots) {
-			let p = this.parent.meta.value.slots.find((e) => e.id === this.slotId);
-			if (p && p.properties) for (let { id: m, type: g } of p.properties) this.customProperties[m] = getTypeDefault(g), !(!e || e[m] === void 0) && typeof this.customSlotProperties[m] == typeof e[m] && (this.customSlotProperties[m] = e[m]);
-		}
+	resetCustomProperties(e) {
+		if (this.customProperties = {}, !(this.kind !== "ref" && this.kind !== "multipleRef") && this.meta.value?.properties) for (let { id: p, type: m } of this.meta.value.properties) this.customProperties[p] = getTypeDefault(m), !(!e || e[p] === void 0) && typeof this.customProperties[p] == typeof e[p] && (this.customProperties[p] = e[p]);
+	}
+	resetCustomSlotProperties(e) {
+		if (this.customSlotProperties = {}, this.kind !== "customSlot" && this.kind !== "multipleCustomSlot" || !this.parent?.meta.value?.slots) return;
+		let p = this.parent.meta.value.slots.find((e) => e.id === this.slotId);
+		if (!(!p || !p.properties)) for (let { id: m, type: g } of p.properties) this.customSlotProperties[m] = getTypeDefault(g), !(!e || e[m] === void 0) && typeof this.customSlotProperties[m] == typeof e[m] && (this.customSlotProperties[m] = e[m]);
 	}
 	isValidOfElementProperty(e, p) {
 		if (!this.data.value) return !1;
@@ -10872,14 +10828,14 @@ var PromiseManager = class {
 	async setElementProperty(e, p, m, _) {
 		if (!this.isValidOfElementProperty(_.basic.key, m)) throw console.warn(`Sandbox/setElementProperty invalid element property id=${e}`), errors.invalidElementProperty;
 		let v = getField(_, m);
-		isEqual_default(p, v) || (setField(_, m, p), this.hooks.onPropertyChange(e, p, v));
+		isEqual_default(p, v) || (setField(_, m, p), await this.hooks.onPropertyChange(e, p, v));
 	}
 	async setRefProperty(e, p, m, _) {
 		let v = this.children[m];
 		if (!v) throw errors.sandboxNotFound;
 		if (!v.isValidOfCustomProperty(_)) throw console.warn(`Sandbox/setRefProperty invalid custom property id=${e}`), errors.invalidCustomProperty;
 		let y = v.customProperties[_];
-		isEqual_default(p, y) || (v.customProperties[_] = p, v.hooks.onPropertyChange(makePropertyId("customProperty", "globality", _), p, y), this.hooks.onPropertyChange(e, p, y));
+		isEqual_default(p, y) || (v.customProperties[_] = p, await v.hooks.onPropertyChange(makePropertyId("customProperty", "globality", _), p, y), await this.hooks.onPropertyChange(e, p, y));
 	}
 	async setMultipleRefProperty(e, p, m, _, v) {
 		if (!v) throw errors.instanceNotAvailable;
@@ -10887,7 +10843,7 @@ var PromiseManager = class {
 		if (!y) throw errors.sandboxNotFound;
 		if (!y.isValidOfCustomProperty(_)) throw console.warn(`Sandbox/setMultipleRefProperty invalid custom property id=${e}`), errors.invalidCustomProperty;
 		let b = y.customProperties[_];
-		isEqual_default(p, b) || (y.customProperties[_] = p, y.hooks.onPropertyChange(makePropertyId("customProperty", "globality", _), p, b, v), this.hooks.onPropertyChange(e, p, b, v));
+		isEqual_default(p, b) || (y.customProperties[_] = p, await y.hooks.onPropertyChange(makePropertyId("customProperty", "globality", _), p, b, v), await this.hooks.onPropertyChange(e, p, b, v));
 	}
 	async setCustomSlotProperty(e, p, m, _) {
 		let { compId: v, slotId: y, propertyId: b } = unwrapPropertyKeyOfCustomSlot(_);
@@ -10895,7 +10851,7 @@ var PromiseManager = class {
 		let x = this.children[m];
 		if (!x) throw errors.sandboxNotFound;
 		let S = x.customSlotProperties[b];
-		isEqual_default(p, S) || (x.customSlotProperties[b] = p, x.hooks.onPropertyChange(makePropertyId("customAdaptSlotProperty", "globality", _), p, S), this.hooks.onPropertyChange(e, p, S));
+		isEqual_default(p, S) || (x.customSlotProperties[b] = p, await x.hooks.onPropertyChange(makePropertyId("customAdaptSlotProperty", "globality", _), p, S), await this.hooks.onPropertyChange(e, p, S));
 	}
 	async setMultipleCustomSlotProperty(e, p, m, _, v) {
 		if (!v) throw errors.instanceNotAvailable;
@@ -10904,12 +10860,12 @@ var PromiseManager = class {
 		let S = this.children[`${m}/${v}`];
 		if (!S) throw errors.sandboxNotFound;
 		let C = S.customSlotProperties[x];
-		isEqual_default(p, C) || (S.customSlotProperties[x] = p, S.hooks.onPropertyChange(makePropertyId("customAdaptSlotProperty", "globality", _), p, C, v), this.hooks.onPropertyChange(e, p, C, v));
+		isEqual_default(p, C) || (S.customSlotProperties[x] = p, await S.hooks.onPropertyChange(makePropertyId("customAdaptSlotProperty", "globality", _), p, C, v), await this.hooks.onPropertyChange(e, p, C, v));
 	}
 	async setCustomProperty(e, p, m) {
 		if (!this.isValidOfCustomProperty(m)) throw console.warn(`Sandbox/setCustomProperty invalid custom property id=${e}`), errors.invalidCustomProperty;
 		let _ = this.customProperties[m];
-		isEqual_default(p, _) || (this.customProperties[m] = p, this.hooks.onPropertyChange(e, p, _), this.parent && (this.instance ? this.parent.hooks.onPropertyChange(makePropertyId("multipleRefProperty", this.nodeId, m), p, _, this.instance) : this.parent.hooks.onPropertyChange(makePropertyId("refProperty", this.nodeId, m), p, _)));
+		isEqual_default(p, _) || (this.customProperties[m] = p, await this.hooks.onPropertyChange(e, p, _), this.parent && (this.instance ? await this.parent.hooks.onPropertyChange(makePropertyId("multipleRefProperty", this.nodeId, m), p, _, this.instance) : await this.parent.hooks.onPropertyChange(makePropertyId("refProperty", this.nodeId, m), p, _)));
 	}
 	async setElementAdaptSlotProperty(e, p, m) {
 		if (!this.parent) throw errors.notInSlot;
@@ -10919,7 +10875,7 @@ var PromiseManager = class {
 		let b = { value: void 0 };
 		this.eventBus.emit(`property/${y}/get`, { result: b });
 		let x = b.value;
-		isEqual_default(p, x) || (this.eventBus.emit(`property/${y}/set`, p), this.hooks.onPropertyChange(e, p, x), this.kind === "elementSlot" ? this.parent.hooks.onPropertyChange(makePropertyId("elementSlotProperty", this.nodeId, m), p, x) : this.kind === "multipleElementSlot" && this.parent.hooks.onPropertyChange(makePropertyId("multipleElementSlotProperty", this.nodeId, m), p, x, this.instance));
+		isEqual_default(p, x) || (this.eventBus.emit(`property/${y}/set`, p), await this.hooks.onPropertyChange(e, p, x), this.kind === "elementSlot" ? await this.parent.hooks.onPropertyChange(makePropertyId("elementSlotProperty", this.nodeId, m), p, x) : this.kind === "multipleElementSlot" && await this.parent.hooks.onPropertyChange(makePropertyId("multipleElementSlotProperty", this.nodeId, m), p, x, this.instance));
 	}
 	async setCustomAdaptSlotProperty(e, p, m) {
 		if (!this.parent) throw errors.notInSlot;
@@ -10927,7 +10883,7 @@ var PromiseManager = class {
 		if (!this.isEqualOfCustomSlot(_, v)) throw errors.slotIncompatible;
 		if (!this.isValidOfCustomSlotProperty(_, v, y)) throw console.warn(`Sandbox/setCustomAdaptSlotProperty invalid custom slot property id=${e}`), errors.invalidCustomSlotProperty;
 		let b = this.customSlotProperties[y];
-		isEqual_default(p, b) || (this.customSlotProperties[y] = p, this.hooks.onPropertyChange(e, p, b), this.kind === "customSlot" ? this.parent.hooks.onPropertyChange(makePropertyId("customSlotProperty", this.nodeId, m), p, b) : this.kind === "multipleCustomSlot" && this.parent.hooks.onPropertyChange(makePropertyId("multipleCustomSlotProperty", this.nodeId, m), p, b, this.instance));
+		isEqual_default(p, b) || (this.customSlotProperties[y] = p, await this.hooks.onPropertyChange(e, p, b), this.kind === "customSlot" ? await this.parent.hooks.onPropertyChange(makePropertyId("customSlotProperty", this.nodeId, m), p, b) : this.kind === "multipleCustomSlot" && await this.parent.hooks.onPropertyChange(makePropertyId("multipleCustomSlotProperty", this.nodeId, m), p, b, this.instance));
 	}
 	isValidOfElementMethod(e, p) {
 		let m = getElement(e);
@@ -11165,39 +11121,85 @@ var PromiseManager = class {
 	async setState(e, p) {
 		if (this.debugTrace("setState", e, p), !this.isValidOfState(e)) throw console.warn(`Sandbox/setState invalid state id=${e}`), errors.invalidState;
 		let m = this.states[e];
-		isEqual_default(p, m) || (this.states[e] = cloneDeep_default(p), this.hooks.onStateChange(e, p, m), await nextTick());
+		isEqual_default(p, m) || (this.states[e] = cloneDeep_default(p), await this.hooks.onStateChange(e, p, m), await nextTick());
 	}
 };
+async function initReactivity(e, p) {
+	await initWatchEffect(e, p), await initBind(e, p);
+}
+async function initWatchEffect(e, p) {
+	let { watchEffect: m } = p;
+	for (let p of m.ids) {
+		let m = encodeString(p);
+		await e.callFunctionAsync(`__watchEffect$${m}__`);
+	}
+}
+async function initBind(e, p) {
+	let { bind: m } = p;
+	for (let p in m.sets) {
+		let g = m.sets[p];
+		if (g.length < 2) continue;
+		let _, { kind: v, triggerKey: y } = unwrapTriggerId(g[0]);
+		v === "propertyTrigger" ? _ = await e.getProperty(y) : v === "stateTrigger" ? _ = await e.getState(y) : console.assert(!1);
+		for (let p of g) {
+			let { kind: m, triggerKey: g } = unwrapTriggerId(p);
+			m === "propertyTrigger" ? await e.setProperty(g, _) : m === "stateTrigger" ? await e.setState(g, _) : console.assert(!1);
+		}
+	}
+}
+async function triggerReactivity(e, p, m) {
+	await triggerWatchEffect(e, p, m), await triggerBind(e, p, m);
+}
+async function triggerWatchEffect(e, p, m) {
+	let { watchEffect: g } = p;
+	if (g.triggers[m]) for (let p of g.triggers[m]) {
+		let m = encodeString(p);
+		await e.callFunctionAsync(`__watchEffect$${m}__`);
+	}
+}
+async function triggerBind(e, p, m) {
+	let { bind: g } = p, _ = g.triggers[m];
+	if (!_) return;
+	let v, { kind: y, triggerKey: b } = unwrapTriggerId(m);
+	y === "propertyTrigger" ? v = await e.getProperty(b) : y === "stateTrigger" ? v = await e.getState(b) : console.assert(!1);
+	for (let p of _) {
+		let m = g.sets[p];
+		if (m) for (let p of m) {
+			let { kind: m, triggerKey: g } = unwrapTriggerId(p);
+			m === "propertyTrigger" ? await e.setProperty(g, v) : m === "stateTrigger" ? await e.setState(g, v) : console.assert(!1);
+		}
+	}
+}
 function useSandbox(e, p, m, _, v, y, b, x) {
 	let S = injectOrg(), C = injectEnv(), w = injectMode(), T = injectType(), E = injectDevice(), D = injectDark(), O = injectDepends();
 	if (!isExecutableMode(w)) return { sandbox: void 0 };
 	let k = injectRuntime(), A = new Sandbox(e, p, m, _, v, S, C, w, T, {
-		onReady: M,
-		onDestroy: N,
-		onPropertyChange: P,
-		onStateChange: F
+		onReady: N,
+		onDestroy: P,
+		onPropertyChange: F,
+		onStateChange: I
 	});
 	provideSandbox(A), onUnmounted(() => {
 		A.dispose();
 	});
-	let j = async () => {
-		A.destroyVm(), !(!y.value || !b.value) && (A.prepare(y, b, O, x), await A.createVm(k, b.value.code.script));
+	let j = !1, M = async () => {
+		j = !1, A.destroyVm(), !(!y.value || !b.value) && (A.prepare(y, b, O, x), await A.createVm(k, b.value.code.script));
 	};
-	j(), watch([y, b], () => {
-		j();
+	M(), watch([y, b], () => {
+		M();
 	});
-	async function M() {
+	async function N() {
 		await A.triggerEvent(makeEventId("elementEvent", "globality", "startup"), []);
 		let e = calcBreakpoint(E.value.width), p = calcBreakpoint(E.value.width);
-		await A.triggerEvent(makeEventId("elementEvent", "globality", "screenSizeChange"), [e, p]), await A.triggerEvent(makeEventId("elementEvent", "globality", "darkModeChange"), [D.value]);
+		await A.triggerEvent(makeEventId("elementEvent", "globality", "screenSizeChange"), [e, p]), await A.triggerEvent(makeEventId("elementEvent", "globality", "darkModeChange"), [D.value]), b.value?.code.reactivity && await initReactivity(A, b.value.code.reactivity), j = !0;
 	}
-	async function N() {
+	async function P() {
 		A.callFunctionSync("__destroy__");
 	}
-	async function P(e, p, m, _) {
+	async function F(e, p, m, _) {
 		if (!A.vm) return;
 		let { kind: v, nodeId: y, propertyKey: x } = unwrapPropertyId(e);
-		if (await A.triggerEvent(makeEventId(`${v}ChangeEvent`, y, x), [p, m], _), b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("propertyTrigger", e), p, m), v === "elementProperty") {
+		if (await A.triggerEvent(makeEventId(`${v}ChangeEvent`, y, x), [p, m], _), j && b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("propertyTrigger", e)), v === "elementProperty") {
 			if (isEqual_default(x, toDotString(["settings", "slot"]))) {
 				let e = b.value?.view.nodeLites.find((e) => e.id === y);
 				e ? e.slotId = p : console.assert(!1);
@@ -11208,8 +11210,8 @@ function useSandbox(e, p, m, _, v, y, b, x) {
 			}
 		}
 	}
-	async function F(e, p, m) {
-		A.vm && (await A.triggerEvent(makeEventId("stateChangeEvent", "globality", e), [p, m]), b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("stateTrigger", e), p, m));
+	async function I(e, p, m) {
+		A.vm && (await A.triggerEvent(makeEventId("stateChangeEvent", "globality", e), [p, m]), j && b.value?.code.reactivity && triggerReactivity(A, b.value.code.reactivity, makeTriggerId("stateTrigger", e)));
 	}
 	return watch(E, async (e, p) => {
 		if (!A.vm) return;
@@ -11235,4 +11237,4 @@ async function loadLocaleMessageRuntime(e) {
 		"./locales/zhHans/index.ts": () => import("./zhHans.gwvwcjmv.js")
 	}, `./locales/${e}/index.ts`, 4)).default;
 }
-export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnGroupV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getElementMust, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getProperties, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initNode, initProperties, initReactivity, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, triggerReactivity, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };
+export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnGroupV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointProp, getElement, getElementMust, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getProperties, getPropertyDefault, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initNode, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };

package/dist/module-6F3E5H7Y.moj63f9l.js

@@ -0,0 +1,2 @@
+import { c as applyBaseRuntimeOptions, l as applyModuleEvalRuntimeOptions, o as QuickJSModuleCallbacks, s as QuickJSWASMModule } from "./vendor.lq3l5zkx.js";
+export { QuickJSModuleCallbacks, QuickJSWASMModule, applyBaseRuntimeOptions, applyModuleEvalRuntimeOptions };

package/dist/{utils/reactivity.d.ts → sandbox/reactivity/index.d.ts}

@@ -1,4 +1,4 @@
 import { Sandbox } from '@/sandbox';
 import { Reactivity } from '@/types';
 export declare function initReactivity(sandbox: Sandbox, reactivity: Reactivity): Promise<void>;
-export declare function triggerReactivity(sandbox: Sandbox, reactivity: Reactivity, triggerId: string, newValue: any, oldValue: any): Promise<void>;
+export declare function triggerReactivity(sandbox: Sandbox, reactivity: Reactivity, triggerId: string): Promise<void>;

package/dist/sandbox/sandbox/hooks.d.ts

@@ -1,6 +1,6 @@
 export interface Hooks {
-    onReady: () => void;
+    onReady: () => Promise<void>;
     onDestroy: () => void;
-    onPropertyChange: (id: string, newValue: any, oldValue: any, instance?: string) => void;
-    onStateChange: (id: string, newValue: any, oldValue: any) => void;
+    onPropertyChange: (id: string, newValue: any, oldValue: any, instance?: string) => Promise<void>;
+    onStateChange: (id: string, newValue: any, oldValue: any) => Promise<void>;
 }

package/dist/sandbox/sandbox/index.d.ts

@@ -45,7 +45,8 @@ export declare class Sandbox {
     customSlotProperties: {
         [key: string]: any;
     };
-    private resetProperties;
+    private resetCustomProperties;
+    private resetCustomSlotProperties;
     isValidOfElementProperty(elementKey: string, propertyKey: string): boolean;
     isValidOfElementSlotProperty(elementKey: string, slotKey: string, propertyKey: string): boolean;
     isValidOfCustomProperty(propertyId: string): boolean;

package/dist/utils/index.d.ts

@@ -3,6 +3,5 @@ export * from './name';
 export * from './node';
 export * from './property';
 export * from './provideInject';
-export * from './reactivity';
 export * from './sandbox';
 export * from './unifiedId';

package/dist/{vendor.pfrgnj2n.js → vendor.lq3l5zkx.js}

@@ -28389,75 +28389,6 @@ var Painter_default = function() {
 function install(t) {
 	t.registerPainter("canvas", Painter_default);
 }
-var BASE = 62, BASE_BIGINT = 62n, DEFAULT_ALPHABET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", cachedEncoder = new globalThis.TextEncoder(), cachedDecoder = new globalThis.TextDecoder();
-function assertString(t, n) {
-	if (typeof t != "string") throw TypeError(`The \`${n}\` parameter must be a string, got \`${t}\` (${typeof t}).`);
-}
-function validateAlphabet(t) {
-	if (typeof t != "string") throw TypeError(`The alphabet must be a string, got \`${t}\` (${typeof t}).`);
-	if (t.length !== BASE) throw TypeError(`The alphabet must be exactly ${BASE} characters long, got ${t.length}.`);
-	let n = new Set(t);
-	if (n.size !== BASE) throw TypeError(`The alphabet must contain ${BASE} unique characters, got ${n.size}.`);
-}
-var defaultBase62 = new class {
-	constructor(t = {}) {
-		let n = t.alphabet ?? DEFAULT_ALPHABET;
-		validateAlphabet(n), this.alphabet = [...n], this.indices = new Map(this.alphabet.map((t, n) => [t, n]));
-	}
-	#e(t) {
-		let n = this.indices.get(t);
-		if (n === void 0) throw TypeError(`Unexpected character for Base62 encoding: \`${t}\`.`);
-		return n;
-	}
-	encodeString(t) {
-		return assertString(t, "string"), this.encodeBytes(cachedEncoder.encode(t));
-	}
-	decodeString(t) {
-		return assertString(t, "encodedString"), cachedDecoder.decode(this.decodeBytes(t));
-	}
-	encodeBytes(t) {
-		if (!(t instanceof Uint8Array)) throw TypeError("The `bytes` parameter must be an instance of Uint8Array.");
-		if (t.length === 0) return "";
-		let n = 1n;
-		for (let r of t) n = n << 8n | BigInt(r);
-		return this.encodeBigInt(n);
-	}
-	decodeBytes(t) {
-		if (assertString(t, "encodedString"), t.length === 0) return new Uint8Array();
-		let n = this.decodeBigInt(t), r = [];
-		for (; n > 0n;) r.push(Number(n & 255n)), n >>= 8n;
-		return Uint8Array.from(r.reverse().slice(1));
-	}
-	encodeInteger(t) {
-		if (!Number.isInteger(t)) throw TypeError(`Expected an integer, got \`${t}\` (${typeof t}).`);
-		if (t < 0) throw TypeError("The integer must be non-negative.");
-		if (t === 0) return this.alphabet[0];
-		let n = "";
-		for (; t > 0;) n = this.alphabet[t % BASE] + n, t = Math.floor(t / BASE);
-		return n;
-	}
-	decodeInteger(t) {
-		assertString(t, "encodedString");
-		let n = 0;
-		for (let r of t) n = n * BASE + this.#e(r);
-		return n;
-	}
-	encodeBigInt(t) {
-		if (typeof t != "bigint") throw TypeError(`Expected a bigint, got \`${t}\` (${typeof t}).`);
-		if (t < 0) throw TypeError("The bigint must be non-negative.");
-		if (t === 0n) return this.alphabet[0];
-		let n = "";
-		for (; t > 0n;) n = this.alphabet[Number(t % BASE_BIGINT)] + n, t /= BASE_BIGINT;
-		return n;
-	}
-	decodeBigInt(t) {
-		assertString(t, "encodedString");
-		let n = 0n;
-		for (let r of t) n = n * BASE_BIGINT + BigInt(this.#e(r));
-		return n;
-	}
-}();
-const encodeString = (t) => defaultBase62.encodeString(t);
 var EvalFlags = {
 	JS_EVAL_TYPE_GLOBAL: 0,
 	JS_EVAL_TYPE_MODULE: 1,
@@ -29536,7 +29467,7 @@ async function newQuickJSWASMModuleFromVariant(t) {
 	let n = smartUnwrap(await t), [r, i, { QuickJSWASMModule: a }] = await Promise.all([
 		n.importModuleLoader().then(smartUnwrap),
 		n.importFFI(),
-		import("./module-6F3E5H7Y.padkzems.js").then(smartUnwrap)
+		import("./module-6F3E5H7Y.moj63f9l.js").then(smartUnwrap)
 	]), o = await r();
 	return o.type = "sync", new a(o, new i(o));
 }
@@ -29545,8 +29476,8 @@ function smartUnwrap(t) {
 }
 var src_default$3 = {
 	type: "sync",
-	importFFI: () => import("./ffi.cu3sfyus.js").then((t) => t.QuickJSFFI),
-	importModuleLoader: () => import("./emscripten-module.browser.cliij9uf.js").then((t) => t.default)
+	importFFI: () => import("./ffi.ji1z6n81.js").then((t) => t.QuickJSFFI),
+	importModuleLoader: () => import("./emscripten-module.browser.h7zp435u.js").then((t) => t.default)
 };
 async function newQuickJSWASMModule(t = src_default$3) {
 	return newQuickJSWASMModuleFromVariant(t);
@@ -29576,6 +29507,75 @@ function mitt_default(t) {
 		}
 	};
 }
+var BASE = 62, BASE_BIGINT = 62n, DEFAULT_ALPHABET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", cachedEncoder = new globalThis.TextEncoder(), cachedDecoder = new globalThis.TextDecoder();
+function assertString(t, n) {
+	if (typeof t != "string") throw TypeError(`The \`${n}\` parameter must be a string, got \`${t}\` (${typeof t}).`);
+}
+function validateAlphabet(t) {
+	if (typeof t != "string") throw TypeError(`The alphabet must be a string, got \`${t}\` (${typeof t}).`);
+	if (t.length !== BASE) throw TypeError(`The alphabet must be exactly ${BASE} characters long, got ${t.length}.`);
+	let n = new Set(t);
+	if (n.size !== BASE) throw TypeError(`The alphabet must contain ${BASE} unique characters, got ${n.size}.`);
+}
+var defaultBase62 = new class {
+	constructor(t = {}) {
+		let n = t.alphabet ?? DEFAULT_ALPHABET;
+		validateAlphabet(n), this.alphabet = [...n], this.indices = new Map(this.alphabet.map((t, n) => [t, n]));
+	}
+	#e(t) {
+		let n = this.indices.get(t);
+		if (n === void 0) throw TypeError(`Unexpected character for Base62 encoding: \`${t}\`.`);
+		return n;
+	}
+	encodeString(t) {
+		return assertString(t, "string"), this.encodeBytes(cachedEncoder.encode(t));
+	}
+	decodeString(t) {
+		return assertString(t, "encodedString"), cachedDecoder.decode(this.decodeBytes(t));
+	}
+	encodeBytes(t) {
+		if (!(t instanceof Uint8Array)) throw TypeError("The `bytes` parameter must be an instance of Uint8Array.");
+		if (t.length === 0) return "";
+		let n = 1n;
+		for (let r of t) n = n << 8n | BigInt(r);
+		return this.encodeBigInt(n);
+	}
+	decodeBytes(t) {
+		if (assertString(t, "encodedString"), t.length === 0) return new Uint8Array();
+		let n = this.decodeBigInt(t), r = [];
+		for (; n > 0n;) r.push(Number(n & 255n)), n >>= 8n;
+		return Uint8Array.from(r.reverse().slice(1));
+	}
+	encodeInteger(t) {
+		if (!Number.isInteger(t)) throw TypeError(`Expected an integer, got \`${t}\` (${typeof t}).`);
+		if (t < 0) throw TypeError("The integer must be non-negative.");
+		if (t === 0) return this.alphabet[0];
+		let n = "";
+		for (; t > 0;) n = this.alphabet[t % BASE] + n, t = Math.floor(t / BASE);
+		return n;
+	}
+	decodeInteger(t) {
+		assertString(t, "encodedString");
+		let n = 0;
+		for (let r of t) n = n * BASE + this.#e(r);
+		return n;
+	}
+	encodeBigInt(t) {
+		if (typeof t != "bigint") throw TypeError(`Expected a bigint, got \`${t}\` (${typeof t}).`);
+		if (t < 0) throw TypeError("The bigint must be non-negative.");
+		if (t === 0n) return this.alphabet[0];
+		let n = "";
+		for (; t > 0n;) n = this.alphabet[Number(t % BASE_BIGINT)] + n, t /= BASE_BIGINT;
+		return n;
+	}
+	decodeBigInt(t) {
+		assertString(t, "encodedString");
+		let n = 0n;
+		for (let r of t) n = n * BASE_BIGINT + BigInt(this.#e(r));
+		return n;
+	}
+}();
+const encodeString = (t) => defaultBase62.encodeString(t);
 var emscripten_module_browser_default = (() => {
 	var t = import.meta.url;
 	return (function(n = {}) {
@@ -29996,4 +29996,4 @@ var emscripten_module_browser_default = (() => {
 		]), this.QTS_ArgvGetJSValueConstPointer = this.module.cwrap("QTS_ArgvGetJSValueConstPointer", "number", ["number", "number"]), this.QTS_RuntimeEnableInterruptHandler = this.module.cwrap("QTS_RuntimeEnableInterruptHandler", null, ["number"]), this.QTS_RuntimeDisableInterruptHandler = this.module.cwrap("QTS_RuntimeDisableInterruptHandler", null, ["number"]), this.QTS_RuntimeEnableModuleLoader = this.module.cwrap("QTS_RuntimeEnableModuleLoader", null, ["number", "number"]), this.QTS_RuntimeDisableModuleLoader = this.module.cwrap("QTS_RuntimeDisableModuleLoader", null, ["number"]), this.QTS_bjson_encode = this.module.cwrap("QTS_bjson_encode", "number", ["number", "number"]), this.QTS_bjson_decode = this.module.cwrap("QTS_bjson_decode", "number", ["number", "number"]);
 	}
 };
-export { MapControls_default as C, isEmpty_default as D, isEqual_default as E, cloneDeep_default as O, KeyboardControls_default as S, component_default$8 as T, install$11 as _, QuickJSModuleCallbacks as a, registerTheme as b, applyModuleEvalRuntimeOptions as c, install$1 as d, install$2 as f, install$9 as g, install$7 as h, getQuickJS as i, capitalize_default as k, encodeString as l, install$6 as m, emscripten_module_browser_default as n, QuickJSWASMModule as o, install$3 as p, mitt_default as r, applyBaseRuntimeOptions as s, QuickJSFFI as t, install as u, core_exports as v, OrbitControls_default as w, HTML_default as x, use as y };
+export { MapControls_default as C, isEmpty_default as D, isEqual_default as E, cloneDeep_default as O, KeyboardControls_default as S, component_default$8 as T, install$11 as _, getQuickJS as a, registerTheme as b, applyBaseRuntimeOptions as c, install$1 as d, install$2 as f, install$9 as g, install$7 as h, mitt_default as i, capitalize_default as k, applyModuleEvalRuntimeOptions as l, install$6 as m, emscripten_module_browser_default as n, QuickJSModuleCallbacks as o, install$3 as p, encodeString as r, QuickJSWASMModule as s, QuickJSFFI as t, install as u, core_exports as v, OrbitControls_default as w, HTML_default as x, use as y };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.8.205",
+  "version": "0.8.207",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/ffi.cu3sfyus.js

@@ -1,2 +0,0 @@
-import { t as QuickJSFFI } from "./vendor.pfrgnj2n.js";
-export { QuickJSFFI };

package/dist/module-6F3E5H7Y.padkzems.js

@@ -1,2 +0,0 @@
-import { a as QuickJSModuleCallbacks, c as applyModuleEvalRuntimeOptions, o as QuickJSWASMModule, s as applyBaseRuntimeOptions } from "./vendor.pfrgnj2n.js";
-export { QuickJSModuleCallbacks, QuickJSWASMModule, applyBaseRuntimeOptions, applyModuleEvalRuntimeOptions };