wevu 1.0.0-alpha.1 → 1.0.0-alpha.2

package/README.md

@@ -102,6 +102,7 @@ counter.inc()
 
 - 更新被批量加入微任务队列，`nextTick` 与 Vue 3 行为一致。
 - 对状态做快照 diff，只把变更路径传给 `setData`，避免大对象全量下发。
+- 提供 `batch`/`startBatch`/`endBatch` 用于同步更新合并触发；以及 `effectScope`/`onScopeDispose` 统一管理 effect/watch 的销毁，便于避免泄漏。
 
 ## 本地开发
 

package/dist/index.cjs

@@ -1,4 +1,4 @@
-const require_store = require('./store-Cmw9vWBT.cjs');
+const require_store = require('./store-D0GD8ulz.cjs');
 
 //#region src/reactivity/readonly.ts
 function readonly(target) {
@@ -155,10 +155,13 @@ function watch(source, cb, options = {}) {
 	});
 	if (options.immediate) job();
 	else oldValue = runner();
-	return () => {
+	const stopHandle = () => {
 		cleanup?.();
+		cleanup = void 0;
 		require_store.stop(runner);
 	};
+	require_store.onScopeDispose(stopHandle);
+	return stopHandle;
 }
 /**
 * watchEffect 注册一个响应式副作用，可选清理函数。
@@ -173,14 +176,20 @@ function watchEffect(effectFn) {
 		cleanup?.();
 		cleanup = void 0;
 		effectFn(onCleanup);
-	}, { scheduler: () => require_store.queueJob(() => {
-		if (runner.active) runner();
-	}) });
+	}, {
+		lazy: true,
+		scheduler: () => require_store.queueJob(() => {
+			if (runner.active) runner();
+		})
+	});
 	runner();
-	return () => {
+	const stopHandle = () => {
 		cleanup?.();
+		cleanup = void 0;
 		require_store.stop(runner);
 	};
+	require_store.onScopeDispose(stopHandle);
+	return stopHandle;
 }
 
 //#endregion
@@ -283,7 +292,7 @@ function createBindModel(publicInstance, state, computedRefs, computedSetters) {
 
 //#endregion
 //#region src/runtime/diff.ts
-function isPlainObject(value) {
+function isPlainObject$1(value) {
 	if (Object.prototype.toString.call(value) !== "[object Object]") return false;
 	const proto = Object.getPrototypeOf(value);
 	return proto === null || proto === Object.prototype;
@@ -311,7 +320,7 @@ function toPlain(value, seen = /* @__PURE__ */ new WeakMap()) {
 function isDeepEqual(a, b) {
 	if (Object.is(a, b)) return true;
 	if (Array.isArray(a) && Array.isArray(b)) return isArrayEqual(a, b);
-	if (isPlainObject(a) && isPlainObject(b)) return isPlainObjectEqual(a, b);
+	if (isPlainObject$1(a) && isPlainObject$1(b)) return isPlainObjectEqual(a, b);
 	return false;
 }
 function isArrayEqual(a, b) {
@@ -334,7 +343,7 @@ function normalizeSetDataValue(value) {
 }
 function assignNestedDiff(prev, next, path, output) {
 	if (isDeepEqual(prev, next)) return;
-	if (isPlainObject(prev) && isPlainObject(next)) {
+	if (isPlainObject$1(prev) && isPlainObject$1(next)) {
 		new Set([...Object.keys(prev), ...Object.keys(next)]).forEach((key) => {
 			if (!Object.prototype.hasOwnProperty.call(next, key)) {
 				output[`${path}.${key}`] = null;
@@ -1009,6 +1018,7 @@ function createApp(options) {
 			};
 			const job = () => {
 				if (!mounted) return;
+				tracker();
 				const snapshot = collectSnapshot();
 				const diff = diffSnapshots(latestSnapshot, snapshot);
 				latestSnapshot = snapshot;
@@ -1018,10 +1028,18 @@ function createApp(options) {
 					if (result && typeof result.then === "function") result.catch(() => {});
 				}
 			};
-			const tracker = require_store.effect(() => {
+			let tracker;
+			tracker = require_store.effect(() => {
 				require_store.touchReactive(state);
+				Object.keys(state).forEach((key) => {
+					const v = state[key];
+					if (require_store.isRef(v)) v.value;
+				});
 				Object.keys(computedRefs).forEach((key) => computedRefs[key].value);
-			}, { scheduler: () => require_store.queueJob(job) });
+			}, {
+				lazy: true,
+				scheduler: () => require_store.queueJob(job)
+			});
 			job();
 			stopHandles.push(() => require_store.stop(tracker));
 			function registerWatch(source, cb, watchOptions) {
@@ -1145,6 +1163,7 @@ function defineComponent(options) {
 function applySetupResult(runtime, _target, result) {
 	const methods = runtime?.methods ?? Object.create(null);
 	const state = runtime?.state ?? Object.create(null);
+	const rawState = require_store.isReactive(state) ? require_store.toRaw(state) : state;
 	if (runtime && !runtime.methods) try {
 		runtime.methods = methods;
 	} catch {}
@@ -1154,6 +1173,16 @@ function applySetupResult(runtime, _target, result) {
 	Object.keys(result).forEach((key) => {
 		const val = result[key];
 		if (typeof val === "function") methods[key] = (...args) => val.apply(runtime?.proxy ?? runtime, args);
+		else if (val === _target || !shouldExposeInSnapshot(val)) try {
+			Object.defineProperty(rawState, key, {
+				value: val,
+				configurable: true,
+				enumerable: false,
+				writable: true
+			});
+		} catch {
+			state[key] = val;
+		}
 		else state[key] = val;
 	});
 	if (runtime) {
@@ -1161,6 +1190,18 @@ function applySetupResult(runtime, _target, result) {
 		runtime.state = runtime.state ?? state;
 	}
 }
+function isPlainObject(value) {
+	if (Object.prototype.toString.call(value) !== "[object Object]") return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === null || proto === Object.prototype;
+}
+function shouldExposeInSnapshot(value) {
+	if (value == null) return true;
+	if (typeof value !== "object") return true;
+	if (require_store.isRef(value) || require_store.isReactive(value)) return true;
+	if (Array.isArray(value)) return true;
+	return isPlainObject(value);
+}
 /**
 * 从 Vue SFC 选项创建 wevu 组件，供 weapp-vite 编译产物直接调用的兼容入口。
 *
@@ -1273,6 +1314,7 @@ function injectGlobal(key, defaultValue) {
 }
 
 //#endregion
+exports.batch = require_store.batch;
 exports.callHookList = callHookList;
 exports.callHookReturn = callHookReturn;
 exports.callUpdateHooks = callUpdateHooks;
@@ -1283,7 +1325,10 @@ exports.createWevuComponent = createWevuComponent;
 exports.defineComponent = defineComponent;
 exports.defineStore = require_store.defineStore;
 exports.effect = require_store.effect;
+exports.effectScope = require_store.effectScope;
+exports.endBatch = require_store.endBatch;
 exports.getCurrentInstance = getCurrentInstance;
+exports.getCurrentScope = require_store.getCurrentScope;
 exports.getDeepWatchStrategy = getDeepWatchStrategy;
 exports.inject = inject;
 exports.injectGlobal = injectGlobal;
@@ -1311,6 +1356,7 @@ exports.onPageScroll = onPageScroll;
 exports.onReady = onReady;
 exports.onRouteDone = onRouteDone;
 exports.onSaveExitState = onSaveExitState;
+exports.onScopeDispose = require_store.onScopeDispose;
 exports.onServerPrefetch = onServerPrefetch;
 exports.onShareAppMessage = onShareAppMessage;
 exports.onShareTimeline = onShareTimeline;
@@ -1331,6 +1377,7 @@ exports.setCurrentInstance = setCurrentInstance;
 exports.setDeepWatchStrategy = setDeepWatchStrategy;
 exports.shallowReactive = require_store.shallowReactive;
 exports.shallowRef = shallowRef;
+exports.startBatch = require_store.startBatch;
 exports.stop = require_store.stop;
 exports.storeToRefs = require_store.storeToRefs;
 exports.teardownRuntimeInstance = teardownRuntimeInstance;

package/dist/index.d.cts

@@ -30,9 +30,23 @@ interface ReactiveEffect<T$1 = any> {
   deps: Dep[];
   scheduler?: EffectScheduler;
   active: boolean;
+  _running: boolean;
   _fn: () => T$1;
   onStop?: () => void;
 }
+declare function startBatch(): void;
+declare function endBatch(): void;
+declare function batch<T$1>(fn: () => T$1): T$1;
+interface EffectScope {
+  active: boolean;
+  effects: ReactiveEffect[];
+  cleanups: (() => void)[];
+  run: <T$1>(fn: () => T$1) => T$1 | undefined;
+  stop: () => void;
+}
+declare function effectScope(detached?: boolean): EffectScope;
+declare function getCurrentScope(): EffectScope | undefined;
+declare function onScopeDispose(fn: () => void): void;
 interface EffectOptions {
   scheduler?: EffectScheduler;
   lazy?: boolean;
@@ -551,4 +565,4 @@ declare function teardownRuntimeInstance(target: InternalRuntimeState): void;
 declare function registerApp<D extends object, C extends ComputedDefinitions, M extends MethodDefinitions>(runtimeApp: RuntimeApp<D, C, M>, methods: MethodDefinitions, watch: WatchMap | undefined, setup: DefineAppOptions<D, C, M>['setup'], mpOptions: Record<string, any>): void;
 declare function registerComponent<D extends object, C extends ComputedDefinitions, M extends MethodDefinitions>(runtimeApp: RuntimeApp<D, C, M>, methods: MethodDefinitions, watch: WatchMap | undefined, setup: DefineComponentOptions<ComponentPropsOptions, D, C, M>['setup'], mpOptions: Record<string, any>, features?: PageFeatures): void;
 //#endregion
-export { ActionSubscriber, AppConfig, ComponentDefinition, ComponentPropsOptions, ComponentPublicInstance, ComputedDefinitions, ComputedGetter, ComputedRef, ComputedSetter, CreateAppOptions, DefineAppOptions, DefineComponentOptions, DefineStoreOptions, ExtractComputed, ExtractMethods, InferPropType, InferProps, InternalRuntimeState, MethodDefinitions, MiniProgramAdapter, ModelBinding, ModelBindingOptions, MutationType, PageFeatures, PropConstructor, PropOptions, PropType, Ref, RuntimeApp, RuntimeInstance, SetupContext, SetupFunction, StoreManager, SubscriptionCallback, ToRefs, WatchOptions, WatchStopHandle, WevuPlugin, WritableComputedOptions, WritableComputedRef, callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, getCurrentInstance, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };
+export { ActionSubscriber, AppConfig, ComponentDefinition, ComponentPropsOptions, ComponentPublicInstance, ComputedDefinitions, ComputedGetter, ComputedRef, ComputedSetter, CreateAppOptions, DefineAppOptions, DefineComponentOptions, DefineStoreOptions, EffectScope, ExtractComputed, ExtractMethods, InferPropType, InferProps, InternalRuntimeState, MethodDefinitions, MiniProgramAdapter, ModelBinding, ModelBindingOptions, MutationType, PageFeatures, PropConstructor, PropOptions, PropType, Ref, RuntimeApp, RuntimeInstance, SetupContext, SetupFunction, StoreManager, SubscriptionCallback, ToRefs, WatchOptions, WatchStopHandle, WevuPlugin, WritableComputedOptions, WritableComputedRef, batch, callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, effectScope, endBatch, getCurrentInstance, getCurrentScope, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onScopeDispose, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, startBatch, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };

package/dist/index.d.mts

@@ -30,9 +30,23 @@ interface ReactiveEffect<T$1 = any> {
   deps: Dep[];
   scheduler?: EffectScheduler;
   active: boolean;
+  _running: boolean;
   _fn: () => T$1;
   onStop?: () => void;
 }
+declare function startBatch(): void;
+declare function endBatch(): void;
+declare function batch<T$1>(fn: () => T$1): T$1;
+interface EffectScope {
+  active: boolean;
+  effects: ReactiveEffect[];
+  cleanups: (() => void)[];
+  run: <T$1>(fn: () => T$1) => T$1 | undefined;
+  stop: () => void;
+}
+declare function effectScope(detached?: boolean): EffectScope;
+declare function getCurrentScope(): EffectScope | undefined;
+declare function onScopeDispose(fn: () => void): void;
 interface EffectOptions {
   scheduler?: EffectScheduler;
   lazy?: boolean;
@@ -551,4 +565,4 @@ declare function teardownRuntimeInstance(target: InternalRuntimeState): void;
 declare function registerApp<D extends object, C extends ComputedDefinitions, M extends MethodDefinitions>(runtimeApp: RuntimeApp<D, C, M>, methods: MethodDefinitions, watch: WatchMap | undefined, setup: DefineAppOptions<D, C, M>['setup'], mpOptions: Record<string, any>): void;
 declare function registerComponent<D extends object, C extends ComputedDefinitions, M extends MethodDefinitions>(runtimeApp: RuntimeApp<D, C, M>, methods: MethodDefinitions, watch: WatchMap | undefined, setup: DefineComponentOptions<ComponentPropsOptions, D, C, M>['setup'], mpOptions: Record<string, any>, features?: PageFeatures): void;
 //#endregion
-export { ActionSubscriber, AppConfig, ComponentDefinition, ComponentPropsOptions, ComponentPublicInstance, ComputedDefinitions, ComputedGetter, ComputedRef, ComputedSetter, CreateAppOptions, DefineAppOptions, DefineComponentOptions, DefineStoreOptions, ExtractComputed, ExtractMethods, InferPropType, InferProps, InternalRuntimeState, MethodDefinitions, MiniProgramAdapter, ModelBinding, ModelBindingOptions, MutationType, PageFeatures, PropConstructor, PropOptions, PropType, Ref, RuntimeApp, RuntimeInstance, SetupContext, SetupFunction, StoreManager, SubscriptionCallback, ToRefs, WatchOptions, WatchStopHandle, WevuPlugin, WritableComputedOptions, WritableComputedRef, callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, getCurrentInstance, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };
+export { ActionSubscriber, AppConfig, ComponentDefinition, ComponentPropsOptions, ComponentPublicInstance, ComputedDefinitions, ComputedGetter, ComputedRef, ComputedSetter, CreateAppOptions, DefineAppOptions, DefineComponentOptions, DefineStoreOptions, EffectScope, ExtractComputed, ExtractMethods, InferPropType, InferProps, InternalRuntimeState, MethodDefinitions, MiniProgramAdapter, ModelBinding, ModelBindingOptions, MutationType, PageFeatures, PropConstructor, PropOptions, PropType, Ref, RuntimeApp, RuntimeInstance, SetupContext, SetupFunction, StoreManager, SubscriptionCallback, ToRefs, WatchOptions, WatchStopHandle, WevuPlugin, WritableComputedOptions, WritableComputedRef, batch, callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, effectScope, endBatch, getCurrentInstance, getCurrentScope, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onScopeDispose, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, startBatch, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { _ as computed, a as isRef, b as nextTick, c as isObject, d as isShallowReactive, f as markRaw, g as touchReactive, h as toRaw, i as customRef, l as isRaw, m as shallowReactive, n as defineStore, o as ref, p as reactive, r as createStore, s as unref, t as storeToRefs, u as isReactive, v as effect, x as queueJob, y as stop } from "./store-BcU7YVhB.mjs";
+import { C as onScopeDispose, D as queueJob, E as nextTick, S as getCurrentScope, T as stop, _ as computed, a as isRef, b as effectScope, c as isObject, d as isShallowReactive, f as markRaw, g as touchReactive, h as toRaw, i as customRef, l as isRaw, m as shallowReactive, n as defineStore, o as ref, p as reactive, r as createStore, s as unref, t as storeToRefs, u as isReactive, v as batch, w as startBatch, x as endBatch, y as effect } from "./store-2q4qcdBi.mjs";
 
 //#region src/reactivity/readonly.ts
 function readonly(target) {
@@ -155,10 +155,13 @@ function watch(source, cb, options = {}) {
 	});
 	if (options.immediate) job();
 	else oldValue = runner();
-	return () => {
+	const stopHandle = () => {
 		cleanup?.();
+		cleanup = void 0;
 		stop(runner);
 	};
+	onScopeDispose(stopHandle);
+	return stopHandle;
 }
 /**
 * watchEffect 注册一个响应式副作用，可选清理函数。
@@ -173,14 +176,20 @@ function watchEffect(effectFn) {
 		cleanup?.();
 		cleanup = void 0;
 		effectFn(onCleanup);
-	}, { scheduler: () => queueJob(() => {
-		if (runner.active) runner();
-	}) });
+	}, {
+		lazy: true,
+		scheduler: () => queueJob(() => {
+			if (runner.active) runner();
+		})
+	});
 	runner();
-	return () => {
+	const stopHandle = () => {
 		cleanup?.();
+		cleanup = void 0;
 		stop(runner);
 	};
+	onScopeDispose(stopHandle);
+	return stopHandle;
 }
 
 //#endregion
@@ -283,7 +292,7 @@ function createBindModel(publicInstance, state, computedRefs, computedSetters) {
 
 //#endregion
 //#region src/runtime/diff.ts
-function isPlainObject(value) {
+function isPlainObject$1(value) {
 	if (Object.prototype.toString.call(value) !== "[object Object]") return false;
 	const proto = Object.getPrototypeOf(value);
 	return proto === null || proto === Object.prototype;
@@ -311,7 +320,7 @@ function toPlain(value, seen = /* @__PURE__ */ new WeakMap()) {
 function isDeepEqual(a, b) {
 	if (Object.is(a, b)) return true;
 	if (Array.isArray(a) && Array.isArray(b)) return isArrayEqual(a, b);
-	if (isPlainObject(a) && isPlainObject(b)) return isPlainObjectEqual(a, b);
+	if (isPlainObject$1(a) && isPlainObject$1(b)) return isPlainObjectEqual(a, b);
 	return false;
 }
 function isArrayEqual(a, b) {
@@ -334,7 +343,7 @@ function normalizeSetDataValue(value) {
 }
 function assignNestedDiff(prev, next, path, output) {
 	if (isDeepEqual(prev, next)) return;
-	if (isPlainObject(prev) && isPlainObject(next)) {
+	if (isPlainObject$1(prev) && isPlainObject$1(next)) {
 		new Set([...Object.keys(prev), ...Object.keys(next)]).forEach((key) => {
 			if (!Object.prototype.hasOwnProperty.call(next, key)) {
 				output[`${path}.${key}`] = null;
@@ -1009,6 +1018,7 @@ function createApp(options) {
 			};
 			const job = () => {
 				if (!mounted) return;
+				tracker();
 				const snapshot = collectSnapshot();
 				const diff = diffSnapshots(latestSnapshot, snapshot);
 				latestSnapshot = snapshot;
@@ -1018,10 +1028,18 @@ function createApp(options) {
 					if (result && typeof result.then === "function") result.catch(() => {});
 				}
 			};
-			const tracker = effect(() => {
+			let tracker;
+			tracker = effect(() => {
 				touchReactive(state);
+				Object.keys(state).forEach((key) => {
+					const v = state[key];
+					if (isRef(v)) v.value;
+				});
 				Object.keys(computedRefs).forEach((key) => computedRefs[key].value);
-			}, { scheduler: () => queueJob(job) });
+			}, {
+				lazy: true,
+				scheduler: () => queueJob(job)
+			});
 			job();
 			stopHandles.push(() => stop(tracker));
 			function registerWatch(source, cb, watchOptions) {
@@ -1145,6 +1163,7 @@ function defineComponent(options) {
 function applySetupResult(runtime, _target, result) {
 	const methods = runtime?.methods ?? Object.create(null);
 	const state = runtime?.state ?? Object.create(null);
+	const rawState = isReactive(state) ? toRaw(state) : state;
 	if (runtime && !runtime.methods) try {
 		runtime.methods = methods;
 	} catch {}
@@ -1154,6 +1173,16 @@ function applySetupResult(runtime, _target, result) {
 	Object.keys(result).forEach((key) => {
 		const val = result[key];
 		if (typeof val === "function") methods[key] = (...args) => val.apply(runtime?.proxy ?? runtime, args);
+		else if (val === _target || !shouldExposeInSnapshot(val)) try {
+			Object.defineProperty(rawState, key, {
+				value: val,
+				configurable: true,
+				enumerable: false,
+				writable: true
+			});
+		} catch {
+			state[key] = val;
+		}
 		else state[key] = val;
 	});
 	if (runtime) {
@@ -1161,6 +1190,18 @@ function applySetupResult(runtime, _target, result) {
 		runtime.state = runtime.state ?? state;
 	}
 }
+function isPlainObject(value) {
+	if (Object.prototype.toString.call(value) !== "[object Object]") return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === null || proto === Object.prototype;
+}
+function shouldExposeInSnapshot(value) {
+	if (value == null) return true;
+	if (typeof value !== "object") return true;
+	if (isRef(value) || isReactive(value)) return true;
+	if (Array.isArray(value)) return true;
+	return isPlainObject(value);
+}
 /**
 * 从 Vue SFC 选项创建 wevu 组件，供 weapp-vite 编译产物直接调用的兼容入口。
 *
@@ -1273,4 +1314,4 @@ function injectGlobal(key, defaultValue) {
 }
 
 //#endregion
-export { callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, getCurrentInstance, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };
+export { batch, callHookList, callHookReturn, callUpdateHooks, computed, createApp, createStore, createWevuComponent, defineComponent, defineStore, effect, effectScope, endBatch, getCurrentInstance, getCurrentScope, getDeepWatchStrategy, inject, injectGlobal, isRaw, isReactive, isRef, isShallowReactive, isShallowRef, markRaw, mountRuntimeInstance, nextTick, onActivated, onAddToFavorites, onAppError, onAppHide, onAppShow, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onHide, onMounted, onPageScroll, onReady, onRouteDone, onSaveExitState, onScopeDispose, onServerPrefetch, onShareAppMessage, onShareTimeline, onShow, onTabItemTap, onUnload, onUnmounted, onUpdated, provide, provideGlobal, reactive, readonly, ref, registerApp, registerComponent, runSetupFunction, setCurrentInstance, setDeepWatchStrategy, shallowReactive, shallowRef, startBatch, stop, storeToRefs, teardownRuntimeInstance, toRaw, toRef, toRefs, touchReactive, traverse, triggerRef, unref, watch, watchEffect };

package/dist/{store-BcU7YVhB.mjs → store-2q4qcdBi.mjs}

@@ -24,6 +24,85 @@ function nextTick(fn) {
 const targetMap = /* @__PURE__ */ new WeakMap();
 let activeEffect = null;
 const effectStack = [];
+let batchDepth = 0;
+const batchedEffects = /* @__PURE__ */ new Set();
+function startBatch() {
+	batchDepth++;
+}
+function endBatch() {
+	if (batchDepth === 0) return;
+	batchDepth--;
+	if (batchDepth === 0) flushBatchedEffects();
+}
+function batch(fn) {
+	startBatch();
+	try {
+		return fn();
+	} finally {
+		endBatch();
+	}
+}
+function flushBatchedEffects() {
+	while (batchedEffects.size) {
+		const effects = Array.from(batchedEffects);
+		batchedEffects.clear();
+		for (const ef of effects) ef();
+	}
+}
+let activeEffectScope;
+var EffectScopeImpl = class {
+	active = true;
+	effects = [];
+	cleanups = [];
+	parent;
+	scopes;
+	constructor(detached = false) {
+		this.detached = detached;
+		if (!detached && activeEffectScope) {
+			this.parent = activeEffectScope;
+			(activeEffectScope.scopes ||= []).push(this);
+		}
+	}
+	run(fn) {
+		if (!this.active) return;
+		const prev = activeEffectScope;
+		activeEffectScope = this;
+		try {
+			return fn();
+		} finally {
+			activeEffectScope = prev;
+		}
+	}
+	stop() {
+		if (!this.active) return;
+		this.active = false;
+		for (const effect$1 of this.effects) stop(effect$1);
+		this.effects.length = 0;
+		for (const cleanup of this.cleanups) cleanup();
+		this.cleanups.length = 0;
+		if (this.scopes) {
+			for (const scope of this.scopes) scope.stop();
+			this.scopes.length = 0;
+		}
+		if (this.parent?.scopes) {
+			const index = this.parent.scopes.indexOf(this);
+			if (index >= 0) this.parent.scopes.splice(index, 1);
+		}
+		this.parent = void 0;
+	}
+};
+function effectScope(detached = false) {
+	return new EffectScopeImpl(detached);
+}
+function getCurrentScope() {
+	return activeEffectScope;
+}
+function onScopeDispose(fn) {
+	if (activeEffectScope?.active) activeEffectScope.cleanups.push(fn);
+}
+function recordEffectScope(effect$1) {
+	if (activeEffectScope?.active) activeEffectScope.effects.push(effect$1);
+}
 function cleanupEffect(effect$1) {
 	const { deps } = effect$1;
 	for (let i = 0; i < deps.length; i++) deps[i].delete(effect$1);
@@ -32,26 +111,30 @@ function cleanupEffect(effect$1) {
 function createReactiveEffect(fn, options = {}) {
 	const effect$1 = function reactiveEffect() {
 		if (!effect$1.active) return fn();
-		if (effectStack.includes(effect$1)) return fn();
+		if (effect$1._running) return fn();
 		cleanupEffect(effect$1);
 		try {
+			effect$1._running = true;
 			effectStack.push(effect$1);
 			activeEffect = effect$1;
 			return fn();
 		} finally {
 			effectStack.pop();
 			activeEffect = effectStack[effectStack.length - 1] ?? null;
+			effect$1._running = false;
 		}
 	};
 	effect$1.deps = [];
 	effect$1.scheduler = options.scheduler;
 	effect$1.onStop = options.onStop;
 	effect$1.active = true;
+	effect$1._running = false;
 	effect$1._fn = fn;
 	return effect$1;
 }
 function effect(fn, options = {}) {
 	const _effect = createReactiveEffect(fn, options);
+	recordEffectScope(_effect);
 	if (!options.lazy) _effect();
 	return _effect;
 }
@@ -87,10 +170,7 @@ function trigger(target, key) {
 	effects.forEach((ef) => {
 		if (ef !== activeEffect) effectsToRun.add(ef);
 	});
-	effectsToRun.forEach((ef) => {
-		if (ef.scheduler) ef.scheduler();
-		else ef();
-	});
+	effectsToRun.forEach(scheduleEffect);
 }
 function trackEffects(dep) {
 	if (!activeEffect) return;
@@ -100,10 +180,18 @@ function trackEffects(dep) {
 	}
 }
 function triggerEffects(dep) {
-	dep.forEach((ef) => {
-		if (ef.scheduler) ef.scheduler();
-		else ef();
-	});
+	dep.forEach(scheduleEffect);
+}
+function scheduleEffect(ef) {
+	if (ef.scheduler) {
+		ef.scheduler();
+		return;
+	}
+	if (batchDepth > 0) {
+		batchedEffects.add(ef);
+		return;
+	}
+	ef();
 }
 
 //#endregion
@@ -365,7 +453,7 @@ var RefImpl = class {
 };
 function ref(value) {
 	if (isRef(value)) return value;
-	return new RefImpl(value);
+	return markRaw(new RefImpl(value));
 }
 function unref(value) {
 	return isRef(value) ? value.value : value;
@@ -389,7 +477,7 @@ var CustomRefImpl = class {
 	}
 };
 function customRef(factory, defaultValue) {
-	return new CustomRefImpl(factory, defaultValue);
+	return markRaw(new CustomRefImpl(factory, defaultValue));
 }
 
 //#endregion
@@ -635,4 +723,4 @@ function storeToRefs(store) {
 }
 
 //#endregion
-export { computed as _, isRef as a, nextTick as b, isObject$1 as c, isShallowReactive as d, markRaw as f, touchReactive as g, toRaw as h, customRef as i, isRaw as l, shallowReactive as m, defineStore as n, ref as o, reactive as p, createStore as r, unref as s, storeToRefs as t, isReactive as u, effect as v, queueJob as x, stop as y };
+export { onScopeDispose as C, queueJob as D, nextTick as E, getCurrentScope as S, stop as T, computed as _, isRef as a, effectScope as b, isObject$1 as c, isShallowReactive as d, markRaw as f, touchReactive as g, toRaw as h, customRef as i, isRaw as l, shallowReactive as m, defineStore as n, ref as o, reactive as p, createStore as r, unref as s, storeToRefs as t, isReactive as u, batch as v, startBatch as w, endBatch as x, effect as y };

package/dist/{store-Cmw9vWBT.cjs → store-D0GD8ulz.cjs}

@@ -25,6 +25,85 @@ function nextTick(fn) {
 const targetMap = /* @__PURE__ */ new WeakMap();
 let activeEffect = null;
 const effectStack = [];
+let batchDepth = 0;
+const batchedEffects = /* @__PURE__ */ new Set();
+function startBatch() {
+	batchDepth++;
+}
+function endBatch() {
+	if (batchDepth === 0) return;
+	batchDepth--;
+	if (batchDepth === 0) flushBatchedEffects();
+}
+function batch(fn) {
+	startBatch();
+	try {
+		return fn();
+	} finally {
+		endBatch();
+	}
+}
+function flushBatchedEffects() {
+	while (batchedEffects.size) {
+		const effects = Array.from(batchedEffects);
+		batchedEffects.clear();
+		for (const ef of effects) ef();
+	}
+}
+let activeEffectScope;
+var EffectScopeImpl = class {
+	active = true;
+	effects = [];
+	cleanups = [];
+	parent;
+	scopes;
+	constructor(detached = false) {
+		this.detached = detached;
+		if (!detached && activeEffectScope) {
+			this.parent = activeEffectScope;
+			(activeEffectScope.scopes ||= []).push(this);
+		}
+	}
+	run(fn) {
+		if (!this.active) return;
+		const prev = activeEffectScope;
+		activeEffectScope = this;
+		try {
+			return fn();
+		} finally {
+			activeEffectScope = prev;
+		}
+	}
+	stop() {
+		if (!this.active) return;
+		this.active = false;
+		for (const effect$1 of this.effects) stop(effect$1);
+		this.effects.length = 0;
+		for (const cleanup of this.cleanups) cleanup();
+		this.cleanups.length = 0;
+		if (this.scopes) {
+			for (const scope of this.scopes) scope.stop();
+			this.scopes.length = 0;
+		}
+		if (this.parent?.scopes) {
+			const index = this.parent.scopes.indexOf(this);
+			if (index >= 0) this.parent.scopes.splice(index, 1);
+		}
+		this.parent = void 0;
+	}
+};
+function effectScope(detached = false) {
+	return new EffectScopeImpl(detached);
+}
+function getCurrentScope() {
+	return activeEffectScope;
+}
+function onScopeDispose(fn) {
+	if (activeEffectScope?.active) activeEffectScope.cleanups.push(fn);
+}
+function recordEffectScope(effect$1) {
+	if (activeEffectScope?.active) activeEffectScope.effects.push(effect$1);
+}
 function cleanupEffect(effect$1) {
 	const { deps } = effect$1;
 	for (let i = 0; i < deps.length; i++) deps[i].delete(effect$1);
@@ -33,26 +112,30 @@ function cleanupEffect(effect$1) {
 function createReactiveEffect(fn, options = {}) {
 	const effect$1 = function reactiveEffect() {
 		if (!effect$1.active) return fn();
-		if (effectStack.includes(effect$1)) return fn();
+		if (effect$1._running) return fn();
 		cleanupEffect(effect$1);
 		try {
+			effect$1._running = true;
 			effectStack.push(effect$1);
 			activeEffect = effect$1;
 			return fn();
 		} finally {
 			effectStack.pop();
 			activeEffect = effectStack[effectStack.length - 1] ?? null;
+			effect$1._running = false;
 		}
 	};
 	effect$1.deps = [];
 	effect$1.scheduler = options.scheduler;
 	effect$1.onStop = options.onStop;
 	effect$1.active = true;
+	effect$1._running = false;
 	effect$1._fn = fn;
 	return effect$1;
 }
 function effect(fn, options = {}) {
 	const _effect = createReactiveEffect(fn, options);
+	recordEffectScope(_effect);
 	if (!options.lazy) _effect();
 	return _effect;
 }
@@ -88,10 +171,7 @@ function trigger(target, key) {
 	effects.forEach((ef) => {
 		if (ef !== activeEffect) effectsToRun.add(ef);
 	});
-	effectsToRun.forEach((ef) => {
-		if (ef.scheduler) ef.scheduler();
-		else ef();
-	});
+	effectsToRun.forEach(scheduleEffect);
 }
 function trackEffects(dep) {
 	if (!activeEffect) return;
@@ -101,10 +181,18 @@ function trackEffects(dep) {
 	}
 }
 function triggerEffects(dep) {
-	dep.forEach((ef) => {
-		if (ef.scheduler) ef.scheduler();
-		else ef();
-	});
+	dep.forEach(scheduleEffect);
+}
+function scheduleEffect(ef) {
+	if (ef.scheduler) {
+		ef.scheduler();
+		return;
+	}
+	if (batchDepth > 0) {
+		batchedEffects.add(ef);
+		return;
+	}
+	ef();
 }
 
 //#endregion
@@ -366,7 +454,7 @@ var RefImpl = class {
 };
 function ref(value) {
 	if (isRef(value)) return value;
-	return new RefImpl(value);
+	return markRaw(new RefImpl(value));
 }
 function unref(value) {
 	return isRef(value) ? value.value : value;
@@ -390,7 +478,7 @@ var CustomRefImpl = class {
 	}
 };
 function customRef(factory, defaultValue) {
-	return new CustomRefImpl(factory, defaultValue);
+	return markRaw(new CustomRefImpl(factory, defaultValue));
 }
 
 //#endregion
@@ -636,6 +724,12 @@ function storeToRefs(store) {
 }
 
 //#endregion
+Object.defineProperty(exports, 'batch', {
+  enumerable: true,
+  get: function () {
+    return batch;
+  }
+});
 Object.defineProperty(exports, 'computed', {
   enumerable: true,
   get: function () {
@@ -666,6 +760,24 @@ Object.defineProperty(exports, 'effect', {
     return effect;
   }
 });
+Object.defineProperty(exports, 'effectScope', {
+  enumerable: true,
+  get: function () {
+    return effectScope;
+  }
+});
+Object.defineProperty(exports, 'endBatch', {
+  enumerable: true,
+  get: function () {
+    return endBatch;
+  }
+});
+Object.defineProperty(exports, 'getCurrentScope', {
+  enumerable: true,
+  get: function () {
+    return getCurrentScope;
+  }
+});
 Object.defineProperty(exports, 'isObject', {
   enumerable: true,
   get: function () {
@@ -708,6 +820,12 @@ Object.defineProperty(exports, 'nextTick', {
     return nextTick;
   }
 });
+Object.defineProperty(exports, 'onScopeDispose', {
+  enumerable: true,
+  get: function () {
+    return onScopeDispose;
+  }
+});
 Object.defineProperty(exports, 'queueJob', {
   enumerable: true,
   get: function () {
@@ -732,6 +850,12 @@ Object.defineProperty(exports, 'shallowReactive', {
     return shallowReactive;
   }
 });
+Object.defineProperty(exports, 'startBatch', {
+  enumerable: true,
+  get: function () {
+    return startBatch;
+  }
+});
 Object.defineProperty(exports, 'stop', {
   enumerable: true,
   get: function () {

package/dist/store.cjs

@@ -1,4 +1,4 @@
-const require_store = require('./store-Cmw9vWBT.cjs');
+const require_store = require('./store-D0GD8ulz.cjs');
 
 exports.createStore = require_store.createStore;
 exports.defineStore = require_store.defineStore;

package/dist/store.mjs

@@ -1,3 +1,3 @@
-import { n as defineStore, r as createStore, t as storeToRefs } from "./store-BcU7YVhB.mjs";
+import { n as defineStore, r as createStore, t as storeToRefs } from "./store-2q4qcdBi.mjs";
 
 export { createStore, defineStore, storeToRefs };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wevu",
   "type": "module",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "Vue 3 风格的小程序运行时，包含响应式、diff+setData 与轻量状态管理",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",