wevu 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/{store-Cmw9vWBT.cjs → store-DTqmKv0w.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
@@ -229,7 +317,6 @@ function convertToReactive(value) {
 	return isObject$1(value) ? reactive(value) : value;
 }
 /**
-* Establish a dependency on the whole reactive object "version".
 * 让 effect 订阅整个对象的“版本号”，无需深度遍历即可对任何字段变化做出响应。
 */
 function touchReactive(target) {
@@ -293,7 +380,7 @@ function shallowReactive(target) {
 	return proxy;
 }
 /**
-* Checks if a value is a shallow reactive object
+* 判断一个值是否为 shallowReactive 创建的浅层响应式对象
 */
 function isShallowReactive(value) {
 	const raw = toRaw(value);
@@ -366,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;
@@ -390,7 +477,7 @@ var CustomRefImpl = class {
 	}
 };
 function customRef(factory, defaultValue) {
-	return new CustomRefImpl(factory, defaultValue);
+	return markRaw(new CustomRefImpl(factory, defaultValue));
 }
 
 //#endregion
@@ -636,6 +723,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 +759,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 +819,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 +849,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-BcU7YVhB.mjs → store-YHZDsE3y.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
@@ -228,7 +316,6 @@ function convertToReactive(value) {
 	return isObject$1(value) ? reactive(value) : value;
 }
 /**
-* Establish a dependency on the whole reactive object "version".
 * 让 effect 订阅整个对象的“版本号”，无需深度遍历即可对任何字段变化做出响应。
 */
 function touchReactive(target) {
@@ -292,7 +379,7 @@ function shallowReactive(target) {
 	return proxy;
 }
 /**
-* Checks if a value is a shallow reactive object
+* 判断一个值是否为 shallowReactive 创建的浅层响应式对象
 */
 function isShallowReactive(value) {
 	const raw = toRaw(value);
@@ -365,7 +452,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 +476,7 @@ var CustomRefImpl = class {
 	}
 };
 function customRef(factory, defaultValue) {
-	return new CustomRefImpl(factory, defaultValue);
+	return markRaw(new CustomRefImpl(factory, defaultValue));
 }
 
 //#endregion
@@ -635,4 +722,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.cjs

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

package/dist/store.d.cts

@@ -1,2 +1,2 @@
-import { a as DefineStoreOptions, c as SubscriptionCallback, i as ActionSubscriber, n as createStore, o as MutationType, r as defineStore, s as StoreManager, t as storeToRefs } from "./index-DVEFI-Uo.cjs";
+import { a as DefineStoreOptions, c as SubscriptionCallback, i as ActionSubscriber, n as createStore, o as MutationType, r as defineStore, s as StoreManager, t as storeToRefs } from "./index-B63NgJPS.cjs";
 export { ActionSubscriber, DefineStoreOptions, MutationType, StoreManager, SubscriptionCallback, createStore, defineStore, storeToRefs };

package/dist/store.d.mts

@@ -1,2 +1,2 @@
-import { a as DefineStoreOptions, c as SubscriptionCallback, i as ActionSubscriber, n as createStore, o as MutationType, r as defineStore, s as StoreManager, t as storeToRefs } from "./index-0dF4y5p6.mjs";
+import { a as DefineStoreOptions, c as SubscriptionCallback, i as ActionSubscriber, n as createStore, o as MutationType, r as defineStore, s as StoreManager, t as storeToRefs } from "./index-Bq83Mwxo.mjs";
 export { ActionSubscriber, DefineStoreOptions, MutationType, StoreManager, SubscriptionCallback, createStore, defineStore, storeToRefs };

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-YHZDsE3y.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.3",
   "description": "Vue 3 风格的小程序运行时，包含响应式、diff+setData 与轻量状态管理",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -37,6 +37,17 @@
         "types": "./dist/index.d.cts",
         "default": "./dist/index.cjs"
       }
+    },
+    "./compiler": {
+      "types": "./dist/compiler.d.mts",
+      "import": {
+        "types": "./dist/compiler.d.mts",
+        "default": "./dist/compiler.mjs"
+      },
+      "require": {
+        "types": "./dist/compiler.d.cts",
+        "default": "./dist/compiler.cjs"
+      }
     }
   },
   "main": "./dist/index.cjs",
@@ -52,6 +63,9 @@
   "engines": {
     "node": ">=20.19.0"
   },
+  "peerDependencies": {
+    "miniprogram-api-typings": "^4.1.2"
+  },
   "scripts": {
     "dev": "tsdown -w",
     "build": "tsdown",