@composy/store-vue 0.0.1 → 0.0.2

package/dist/index.min.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/store-vue v0.0.1       *
 * Built with rollup               *
-* Build time: 2024-08-17 11:39:29 *
+* Build time: 2024-10-12 17:40:04 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -15,7 +15,7 @@
 		"vue",
 		"@composy/store-core",
 		"@composy/store-core/engine"
-	], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).LDesignStoreVue = {}, e.Pinia, e.Vue, e.ComposyStoreCore, e.ComposyStoreCore);
+	], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).LDesignStoreVue = {}, e.Pinia, e.Vue, e.LDesignStoreCore, e.LDesignStoreCore);
 })(this, function(exports, e, t, n, r) {
 	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 	const o = "此字段为必填项", i = /^[^\s@]+@[^@][^.@]*\.[^\s@]+$/;
@@ -23,23 +23,28 @@
 		return (n) => "string" != typeof n || e.test(n) ? null : t;
 	}
 	function a(e) {
-		const { key: n, storage: r = "localStorage", defaultValue: o, serialize: i = JSON.stringify, deserialize: s = JSON.parse } = e, a = (u = r, "undefined" == typeof window ? null : "localStorage" === u ? localStorage : sessionStorage);
-		var u;
-		const l = (0, t.ref)(o), c = () => {
-			if (a) try {
-				const e = a.getItem(n);
+		const { key: n, storage: r = "localStorage", defaultValue: o, serialize: i = JSON.stringify, deserialize: s = JSON.parse, restoreOnMounted: a = !0 } = e, u = function(e) {
+			if ("undefined" == typeof window) return null;
+			try {
+				return "localStorage" === e ? window.localStorage : window.sessionStorage;
+			} catch {
+				return null;
+			}
+		}(r), l = (0, t.ref)(o), c = () => {
+			if (u) try {
+				const e = u.getItem(n);
 				null !== e && (l.value = s(e));
 			} catch (e) {
 				console.error(`[usePersist] 恢复失败 (${n}):`, e);
 			}
 		}, d = () => {
-			if (a) try {
-				a.setItem(n, i(l.value));
+			if (u) try {
+				u.setItem(n, i(l.value));
 			} catch (e) {
 				console.error(`[usePersist] 保存失败 (${n}):`, e);
 			}
 		};
-		return (0, t.onMounted)(() => {
+		return a && (0, t.onMounted)(() => {
 			c();
 		}), (0, t.watch)(l, () => {
 			d();
@@ -48,8 +53,8 @@
 			save: d,
 			restore: c,
 			clear: () => {
-				if (a) try {
-					a.removeItem(n), l.value = o;
+				if (u) try {
+					u.removeItem(n), l.value = o;
 				} catch (e) {
 					console.error(`[usePersist] 清除失败 (${n}):`, e);
 				}
@@ -128,34 +133,42 @@
 	}
 	const g = Symbol("ldesign-store-api"), y = Symbol("ldesign-store-pinia"), v = Symbol("ldesign-store-runtime"), m = Symbol("ldesign-store-persist-dispose"), b = /* @__PURE__ */ new Set();
 	function h(e = {}) {
-		const { storage: t = "localStorage", keyPrefix: r = "ldesign-store:", debounce: o = 100, debug: i = !1, syncTabs: s = !1, defaultTTL: a } = e, u = /* @__PURE__ */ new Map(), l = () => {
-			u.forEach((e) => e()), u.clear(), b.delete(l);
+		const { storage: t = "localStorage", keyPrefix: r = "ldesign-store:", debounce: o = 100, debug: i = !1, syncTabs: s = !1, defaultTTL: a } = e, u = /* @__PURE__ */ new Map();
+		let l = !1;
+		const c = () => {
+			l || (l = !0, u.forEach((e) => e()), u.clear(), b.delete(c));
 		};
-		b.add(l);
+		b.add(c);
 		return {
 			plugin: (e) => {
-				const { store: l, options: c } = e, d = (p = c.persist) ? "boolean" == typeof p ? {} : p : null;
-				var p;
-				if (!d) return;
-				const f = (g = "sessionStorage" === d.storage ? "sessionStorage" : t, "undefined" == typeof window ? null : "localStorage" === g ? window.localStorage : window.sessionStorage);
-				var g;
-				const y = d.serializer?.serialize ?? JSON.stringify, v = d.serializer?.deserialize ?? JSON.parse, b = d.syncTabs ?? s, h = d.ttl ?? a, S = `${r}${d.key || l.$id}`;
-				if (!f) return void (i && console.warn(`[PersistPlugin] Storage 不可用 (${l.$id})`));
-				let P = !1;
-				const w = (e) => {
+				if (l) return;
+				const { store: c, options: d } = e, p = (f = d.persist) ? "boolean" == typeof f ? {} : f : null;
+				var f;
+				if (!p) return;
+				const g = function(e) {
+					if ("undefined" == typeof window) return null;
+					try {
+						return "localStorage" === e ? window.localStorage : window.sessionStorage;
+					} catch {
+						return null;
+					}
+				}(p.storage ?? t), y = p.serializer?.serialize ?? JSON.stringify, v = p.serializer?.deserialize ?? JSON.parse, b = p.syncTabs ?? s, h = p.ttl ?? a, S = `${r}${p.key || c.$id}`;
+				if (!g) return void (i && console.warn(`[PersistPlugin] Storage 不可用 (${c.$id})`));
+				let w = !1;
+				const P = (e) => {
 					const t = v(e);
-					P = !0;
+					w = !0;
 					try {
-						d.beforeRestore?.({ store: l }), function(e, t) {
+						p.beforeRestore?.({ store: c }), function(e, t) {
 							e.$patch((e) => {
 								(0, n.deepMerge)(e, t);
 							});
-						}(l, t), d.afterRestore?.({ store: l });
+						}(c, t), p.afterRestore?.({ store: c });
 					} finally {
-						P = !1;
+						w = !1;
 					}
 				}, $ = (0, n.debounce)(() => {
-					if (!P) try {
+					if (!w) try {
 						const e = function(e, t, r) {
 							if (t?.length) {
 								const r = {};
@@ -171,38 +184,46 @@
 								}), t;
 							}
 							return (0, n.deepClone)(e);
-						}(l.$state, d.paths, d.excludePaths), t = {
+						}(c.$state, p.paths, p.excludePaths), t = {
 							state: y(e),
 							timestamp: Date.now(),
 							expiresAt: h ? Date.now() + h : void 0,
 							version: 1
 						};
-						f.setItem(S, JSON.stringify(t)), i && console.info(`[PersistPlugin] 已保存状态 (${l.$id})`);
+						g.setItem(S, JSON.stringify(t)), i && console.info(`[PersistPlugin] 已保存状态 (${c.$id})`);
 					} catch (e) {
-						console.error(`[PersistPlugin] 保存状态失败 (${l.$id}):`, e);
+						console.error(`[PersistPlugin] 保存状态失败 (${c.$id}):`, e);
 					}
-				}, d.debounce ?? o), O = l.$subscribe(() => {
-					P || $();
+				}, p.debounce ?? o), O = c.$subscribe(() => {
+					w || $();
 				});
 				let A = () => {};
 				if (b && "undefined" != typeof window) {
 					const e = (e) => {
-						if (e.key === S && e.newValue) try {
+						if (e.key === S) if (null !== e.newValue) try {
 							const t = JSON.parse(e.newValue);
 							if (t.expiresAt && Date.now() > t.expiresAt) return;
-							w(t.state);
+							P(t.state);
 						} catch (e) {
-							console.error(`[PersistPlugin] 同步状态失败 (${l.$id}):`, e);
+							console.error(`[PersistPlugin] 同步状态失败 (${c.$id}):`, e);
+						}
+						else {
+							w = !0;
+							try {
+								c.$reset?.();
+							} finally {
+								w = !1;
+							}
 						}
 					};
 					window.addEventListener("storage", e), A = () => {
 						window.removeEventListener("storage", e);
 					};
 				}
-				const j = () => {
-					$.cancel(), O(), A(), u.delete(S);
+				const C = () => {
+					$.cancel(), O(), A(), u.delete(c), c[m]?.();
 				};
-				u.set(S, j), function(e, t) {
+				u.set(c, C), function(e, t) {
 					const n = e[m];
 					n && n();
 					const r = e.$dispose;
@@ -211,36 +232,38 @@
 					}, e[m] = () => {
 						e.$dispose = r, delete e[m];
 					};
-				}(l, j), (() => {
+				}(c, C), (() => {
 					try {
-						const e = f.getItem(S);
+						const e = g.getItem(S);
 						if (!e) return;
 						const t = JSON.parse(e);
-						if (t.expiresAt && Date.now() > t.expiresAt) return void f.removeItem(S);
-						w(t.state), i && console.info(`[PersistPlugin] 已恢复状态 (${l.$id})`);
+						if (t.expiresAt && Date.now() > t.expiresAt) return void g.removeItem(S);
+						P(t.state), i && console.info(`[PersistPlugin] 已恢复状态 (${c.$id})`);
 					} catch (e) {
-						console.error(`[PersistPlugin] 恢复状态失败 (${l.$id}):`, e);
+						console.error(`[PersistPlugin] 恢复状态失败 (${c.$id}):`, e);
 					}
 				})();
 			},
-			dispose: l
+			dispose: c
 		};
 	}
 	const S = Symbol("ldesign-store-registry-dispose");
-	function P() {
-		const e = /* @__PURE__ */ new Map(), t = (t) => {
-			e.delete(t);
+	function w() {
+		const e = /* @__PURE__ */ new Map(), t = (t, n) => {
+			const r = e.get(t);
+			!r || n && r !== n || (e.delete(t), r[S]?.());
 		}, n = (n) => {
-			e.set(n.$id, n), function(e, t) {
+			const r = e.get(n.$id);
+			r && r !== n && t(n.$id, r), e.set(n.$id, n), function(e, t) {
 				const n = e[S];
 				n && n();
 				const r = e.$dispose;
 				e.$dispose = function() {
-					return t(e.$id), r.call(this);
+					return t(), r.call(this);
 				}, e[S] = () => {
 					e.$dispose = r, delete e[S];
 				};
-			}(n, t);
+			}(n, () => t(n.$id, n));
 		}, r = (t) => e.has(t), o = (t) => e.get(t), i = () => Array.from(e.keys()), s = () => {
 			e.forEach((e) => {
 				if ("function" == typeof e.$reset) try {
@@ -257,7 +280,9 @@
 			getStoreIds: i,
 			resetAll: s,
 			clear: () => {
-				e.clear();
+				e.forEach((e) => {
+					e[S]?.();
+				}), e.clear();
 			},
 			registerExistingStores: (e) => {
 				e._s?.forEach((e) => n(e));
@@ -271,18 +296,19 @@
 			})
 		};
 	}
-	let w = P();
-	function $(e = w) {
+	let P = w();
+	function $(e = P) {
 		return ({ store: t }) => {
 			e.register(t);
 		};
 	}
 	const O = Symbol("ldesign-store-runtime");
 	let A = null;
-	function j(e) {
-		A = e, w = e?.registry ?? null ?? P();
+	function C(e) {
+		var t;
+		A = e, (t = e?.registry ?? null) !== P && (P.clear(), P = t ?? w());
 	}
-	function C(t = {}) {
+	function j(t = {}) {
 		const n = function(e = {}) {
 			return {
 				pinia: e.pinia,
@@ -294,40 +320,44 @@
 			};
 		}(t), r = n.pinia ?? (0, e.createPinia)();
 		if (r[O]) return r[O];
-		const o = P(), i = n.persist ? h({
+		const o = w();
+		let i = !0;
+		const s = n.persist ? h({
 			...n.persistOptions,
 			debug: n.debug || n.persistOptions.debug
-		}) : null;
-		r.use($(o)), i && r.use(i.plugin), o.registerExistingStores(r);
-		const s = {
+		}) : null, a = $(o);
+		r.use((e) => {
+			i && a(e);
+		}), s && r.use(s.plugin), o.registerExistingStores(r);
+		const u = {
 			pinia: r,
 			registry: o,
 			storeAPI: o.createStoreAPI(r),
 			options: n,
 			dispose: () => {
-				r[O] === s && delete r[O], i?.dispose(), o.clear(), A === s && j(null);
+				i && (i = !1, r[O] === u && delete r[O], s?.dispose(), o.clear(), A === u && C(null));
 			}
 		};
-		return r[O] = s, s;
+		return r[O] = u, u;
 	}
-	const x = Symbol("ldesign-store-app-runtime");
-	function M(e, t) {
-		const n = e, r = n[x];
-		return r ? (j(r), r) : (function(e, t) {
+	const M = Symbol("ldesign-store-app-runtime");
+	function x(e, t) {
+		const n = e, r = n[M];
+		return r ? (C(r), r) : (function(e, t) {
 			return e.config.globalProperties.$pinia === t.pinia;
-		}(e, t) || e.use(t.pinia), n[x] = t, t.options.provide && (e.provide(v, t), e.provide(g, t.storeAPI), e.provide(y, t.pinia), e.provide("store", t.storeAPI), e.provide("pinia", t.pinia)), t.options.globalProperties && (e.config.globalProperties.$store = t.storeAPI), function(e, t) {
+		}(e, t) || e.use(t.pinia), n[M] = t, t.options.provide && (e.provide(v, t), e.provide(g, t.storeAPI), e.provide(y, t.pinia), e.provide("store", t.storeAPI), e.provide("pinia", t.pinia)), t.options.globalProperties && (e.config.globalProperties.$store = t.storeAPI), function(e, t) {
 			const n = e.unmount;
 			e.unmount = function() {
-				return e[x] === t && (delete e[x], t.dispose()), n.call(this);
+				return e[M] === t && (delete e[M], t.dispose()), n.call(this);
 			};
-		}(n, t), j(t), t);
+		}(n, t), C(t), t);
 	}
-	function V(e) {
+	function E(e) {
 		return !!e && "function" == typeof e.use;
 	}
-	function E(e, t, n) {
+	function V(e, t, n) {
 		const r = n, o = r?.app ?? r?.framework?.app ?? e.getApp?.() ?? t.framework?.app;
-		return V(o) ? o : void 0;
+		return E(o) ? o : void 0;
 	}
 	Object.defineProperty(exports, "batch", {
 		enumerable: !0,
@@ -401,14 +431,14 @@
 			return n.createSelector;
 		}
 	}), exports.createStoreEnginePlugin = function(e = {}) {
-		const { debug: t = !1, dependencies: n = [], name: o = "store", version: i = "1.0.0" } = e;
+		const { debug: t = !1, dependencies: n = [], name: o = "store", version: i = "0.0.1" } = e;
 		let s = null;
 		const a = () => {
 			const n = (0, r.createStoreEngineBridge)({
 				name: o,
 				version: i,
 				debug: t,
-				createRuntime: () => C({
+				createRuntime: () => j({
 					pinia: e.pinia,
 					persist: e.persist,
 					persistOptions: e.persistOptions,
@@ -416,12 +446,12 @@
 					provide: e.provide,
 					debug: t
 				}),
-				attachToApp: (e, t) => M(e, t),
+				attachToApp: (e, t) => x(e, t),
 				getRuntimeFromApp: (e) => function(e) {
-					return e[x];
+					return e[M];
 				}(e),
-				isApp: V,
-				resolveApp: E
+				isApp: E,
+				resolveApp: V
 			});
 			return s = n, n;
 		}, u = () => s ?? a();
@@ -449,7 +479,7 @@
 		return n;
 	}, exports.createStoreVuePlugin = function(e = {}) {
 		return { install(t) {
-			const n = C(e), r = M(t, n);
+			const n = j(e), r = x(t, n);
 			r !== n && n.dispose(), r.options.debug && console.info("[StoreVuePlugin] installed");
 		} };
 	}, Object.defineProperty(exports, "createTimeTravelMiddleware", {
@@ -494,7 +524,7 @@
 	}), exports.getGlobalStoreAPI = function() {
 		return A?.storeAPI ?? null;
 	}, exports.getStoreRegistry = function() {
-		return w.stores;
+		return P.stores;
 	}, Object.defineProperty(exports, "globalEventBus", {
 		enumerable: !0,
 		get: function() {
@@ -578,7 +608,7 @@
 				t.validating = !1;
 			}
 		}
-		async function P() {
+		async function w() {
 			return (await Promise.all(p.map((e) => S(e)))).every((e) => null === e);
 		}
 		return p.forEach((e) => {
@@ -602,12 +632,12 @@
 				t && (t.touched = !0), "blur" === a && S(e);
 			},
 			validateField: S,
-			validateAll: P,
+			validateAll: w,
 			handleSubmit: async function() {
 				if (v.value++, y.value = null, p.forEach((e) => {
 					const t = f[e];
 					t && (t.touched = !0);
-				}), await P() && s) {
+				}), await w() && s) {
 					g.value = !0;
 					try {
 						await s((0, n.deepClone)(l));
@@ -642,32 +672,45 @@
 		}
 		return console.warn("[useOnAction] Store 不支持 $onAction 方法"), () => {};
 	}, exports.useOptimistic = function(e) {
-		const r = (0, t.ref)((0, n.deepClone)(e)), o = (0, t.ref)(!1), i = (0, t.ref)(!1), s = (0, t.ref)([]);
+		const r = (0, t.ref)((0, n.deepClone)(e));
+		let o = (0, n.deepClone)(e);
+		const i = [], s = (0, t.ref)(!1), a = (0, t.ref)(!1), u = (0, t.ref)([]), l = () => {
+			let e = (0, n.deepClone)(o);
+			i.forEach((t) => {
+				"rolled-back" !== t.status && (e = t.apply(e));
+			}), r.value = (0, n.deepClone)(e), u.value = i.filter((e) => "pending" === e.status).map((e) => ({
+				id: e.id,
+				snapshot: (0, n.deepClone)(e.snapshot),
+				status: e.status,
+				timestamp: e.timestamp
+			})), s.value = u.value.length > 0;
+		};
 		return {
 			state: r,
-			isPending: o,
-			pending: s,
-			isRolledBack: i,
+			isPending: s,
+			pending: u,
+			isRolledBack: a,
 			mutate: async function(e, t) {
-				const a = (0, n.deepClone)(r.value), u = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`, l = {
-					id: u,
-					snapshot: a,
+				const s = (0, n.deepClone)(r.value), u = "function" == typeof e ? (t) => (0, n.deepClone)(e((0, n.deepClone)(t))) : () => (0, n.deepClone)(e), c = {
+					id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+					snapshot: s,
 					status: "pending",
-					timestamp: Date.now()
+					timestamp: Date.now(),
+					apply: u
 				};
-				s.value = [...s.value, l], o.value = !0, i.value = !1, r.value = "function" == typeof e ? e(r.value) : e;
+				i.push(c), a.value = !1, l();
 				try {
-					await t(), s.value = s.value.map((e) => e.id === u ? {
-						...e,
-						status: "confirmed"
-					} : e);
+					await t(), c.status = "confirmed";
 				} catch {
-					r.value = a, i.value = !0, s.value = s.value.map((e) => e.id === u ? {
-						...e,
-						status: "rolled-back"
-					} : e);
+					c.status = "rolled-back", a.value = !0;
 				} finally {
-					s.value = s.value.filter((e) => "pending" === e.status), o.value = s.value.length > 0;
+					(() => {
+						for (; i[0] && "pending" !== i[0].status;) {
+							const e = i.shift();
+							e && "rolled-back" !== e.status && (o = e.apply((0, n.deepClone)(o)));
+						}
+						l();
+					})();
 				}
 			}
 		};
@@ -679,12 +722,13 @@
 		});
 		return r;
 	}, exports.usePersistedRefWithTTL = function(e, n, r) {
-		const { value: o } = a({
+		const o = a({
 			key: e,
 			defaultValue: {
 				value: n,
 				expiry: 0
 			},
+			restoreOnMounted: !1,
 			serialize: (e) => JSON.stringify(e),
 			deserialize: (e) => {
 				const t = JSON.parse(e);
@@ -693,20 +737,26 @@
 					expiry: 0
 				} : t;
 			}
-		}), i = (0, t.ref)(o.value.value);
+		});
+		o.restore();
+		const i = (0, t.ref)(o.value.value.value);
 		return (0, t.watch)(i, (e) => {
-			o.value = {
+			o.value.value = {
 				value: e,
 				expiry: Date.now() + r
 			};
-		}), i;
+		}), (0, t.watch)(o.value, (e) => {
+			Object.is(i.value, e.value) || (i.value = e.value);
+		}, { deep: !0 }), i;
 	}, exports.usePersistedState = function(e) {
 		const { key: r, storage: o = "localStorage", defaultValue: i, serializer: s = u, deserializer: a = l, syncTabs: c = !1, debounce: d = 0, deep: p = !0, ttl: f, onBeforeChange: g, onAfterChange: y, onBeforeRestore: v, onAfterRestore: m } = e, b = (h = o, "undefined" == typeof window ? null : "localStorage" === h ? window.localStorage : window.sessionStorage);
 		var h;
-		const S = () => (0, n.deepClone)(i), P = (0, t.ref)(S()), w = () => {
+		const S = () => (0, n.deepClone)(i), w = (0, t.ref)(S());
+		let P = !1;
+		const $ = () => {
 			if (b) try {
 				const e = {
-					value: s(P.value),
+					value: s(w.value),
 					timestamp: Date.now(),
 					expiresAt: f ? Date.now() + f : void 0
 				};
@@ -714,43 +764,46 @@
 			} catch (e) {
 				console.error(`[usePersistedState] 保存失败 (${r}):`, e);
 			}
-		}, $ = () => {
+		}, O = d > 0 ? (0, n.debounce)($, d) : null, A = () => {
 			if (b) try {
 				b.removeItem(r);
 			} catch (e) {
 				console.error(`[usePersistedState] 清除失败 (${r}):`, e);
 			}
-		}, O = () => {
+		}, C = () => {
 			if (b) try {
 				const e = b.getItem(r);
 				if (!e) return;
 				const t = JSON.parse(e);
-				if (t.expiresAt && Date.now() > t.expiresAt) return void $();
+				if (t.expiresAt && Date.now() > t.expiresAt) return void A();
 				let n = a(t.value);
-				v && (n = v(n)), P.value = n, m?.(n);
+				v && (n = v(n)), w.value = n, m?.(n);
 			} catch (e) {
 				console.error(`[usePersistedState] 恢复失败 (${r}):`, e);
 			}
-		}, A = d > 0 ? (0, n.debounce)(w, d) : null, j = (e) => {
-			if (e.key === r && e.newValue) try {
-				const t = JSON.parse(e.newValue);
-				if (t.expiresAt && Date.now() > t.expiresAt) return;
-				P.value = a(t.value);
-			} catch (e) {
-				console.error(`[usePersistedState] 同步失败 (${r}):`, e);
+		}, j = (e) => {
+			if (e.key === r) {
+				if (!e.newValue) return O?.cancel(), P = !0, void (w.value = S());
+				try {
+					const t = JSON.parse(e.newValue);
+					if (t.expiresAt && Date.now() > t.expiresAt) return;
+					w.value = a(t.value);
+				} catch (e) {
+					console.error(`[usePersistedState] 同步失败 (${r}):`, e);
+				}
 			}
 		};
-		return O(), (0, t.watch)(P, (e, t) => {
-			!1 !== g?.(e, t) && (A ? A() : w(), y?.(e, t));
+		return C(), (0, t.watch)(w, (e, t) => {
+			P ? P = !1 : !1 !== g?.(e, t) && (O ? O() : $(), y?.(e, t));
 		}, { deep: p }), c && "undefined" != typeof window && window.addEventListener("storage", j), (0, t.onUnmounted)(() => {
-			A?.cancel(), c && "undefined" != typeof window && window.removeEventListener("storage", j);
+			O?.cancel(), c && "undefined" != typeof window && window.removeEventListener("storage", j);
 		}), {
-			state: P,
-			save: w,
-			restore: O,
-			clear: $,
+			state: w,
+			save: $,
+			restore: C,
+			clear: A,
 			reset: () => {
-				P.value = S(), $();
+				O?.cancel(), P = !0, w.value = S(), A();
 			},
 			isExpired: () => {
 				if (!b || !f) return !1;
@@ -766,7 +819,11 @@
 		};
 	}, exports.useSharedState = function(e, r, o = {}) {
 		const { immediate: i = !1, deep: s = !0 } = o, a = (0, t.ref)((0, n.deepClone)(r)), u = (0, t.ref)(0), l = (0, t.ref)(null);
-		let c = null, d = !1;
+		let c = null;
+		const d = `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+		let p = 0;
+		const f = /* @__PURE__ */ new Map();
+		let g, y = !1;
 		if ("undefined" == typeof BroadcastChannel) return console.warn("[useSharedState] BroadcastChannel not supported in this environment"), {
 			state: a,
 			broadcast: () => {},
@@ -785,12 +842,14 @@
 				close: () => {}
 			};
 		}
-		function p() {
+		function v() {
 			if (c) try {
 				c.postMessage({
 					type: "state-update",
 					payload: (0, n.deepClone)(a.value),
-					timestamp: Date.now()
+					timestamp: Date.now(),
+					origin: d,
+					revision: ++p
 				});
 			} catch (e) {
 				console.warn("[useSharedState] broadcast error:", e);
@@ -798,22 +857,31 @@
 		}
 		c.onmessage = (e) => {
 			const t = e.data;
-			t && "object" == typeof t && ("state-update" === t.type ? (d = !0, a.value = t.payload, l.value = t.timestamp || Date.now(), d = !1) : "ping" === t.type ? c?.postMessage({ type: "pong" }) : "pong" === t.type && u.value++);
+			if (t && "object" == typeof t) if ("state-update" === t.type) {
+				if (t.origin === d) return;
+				const e = "number" == typeof t.revision ? t.revision : 0;
+				if (e <= (f.get(String(t.origin)) ?? -1)) return;
+				f.set(String(t.origin), e), g = (0, n.deepClone)(t.payload), y = !0, a.value = g, l.value = t.timestamp || Date.now();
+			} else "ping" === t.type ? c?.postMessage({ type: "pong" }) : "pong" === t.type && u.value++;
 		};
-		const f = (0, t.watch)(a, () => {
-			d || p();
+		const m = (0, t.watch)(a, () => {
+			if (y) {
+				if ((0, n.deepEqual)(a.value, g)) return void (y = !1);
+				y = !1;
+			}
+			v();
 		}, { deep: s });
-		function g() {
-			f(), c && (c.close(), c = null);
+		function b() {
+			m(), c && (c.close(), c = null);
 		}
-		return i && p(), c && (u.value = 0, c.postMessage({ type: "ping" })), (0, t.onUnmounted)(() => {
-			g();
+		return i && v(), c && (u.value = 0, c.postMessage({ type: "ping" })), (0, t.onUnmounted)(() => {
+			b();
 		}), {
 			state: a,
-			broadcast: p,
+			broadcast: v,
 			peerCount: u,
 			lastSyncAt: l,
-			close: g
+			close: b
 		};
 	}, exports.useSimpleStore = function(e) {
 		const n = (0, t.ref)({ ...e }), r = { ...e };
@@ -896,68 +964,72 @@
 		};
 	}, exports.useStoreSnapshot = function(e, r, o = {}) {
 		const { maxSnapshots: i = 100, autoRecord: s = !1, debounceMs: a = 300, deep: u = !0 } = o, l = (0, t.ref)([]), c = (0, t.ref)(-1);
-		let d, p = !1;
-		const g = (0, t.computed)(() => c.value > 0), y = (0, t.computed)(() => c.value < l.value.length - 1), v = (t, r) => {
-			const o = "function" == typeof e ? e() : e.value, s = {
+		let d, p, g = !1;
+		const y = () => "function" == typeof e ? e() : e.value, v = (0, t.computed)(() => c.value > 0), m = (0, t.computed)(() => c.value < l.value.length - 1), b = (e, t) => {
+			const r = y(), o = {
 				id: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-				state: (0, n.deepClone)(o),
+				state: (0, n.deepClone)(r),
 				timestamp: Date.now(),
-				label: t,
-				meta: r
+				label: e,
+				meta: t
 			};
-			return c.value < l.value.length - 1 && (l.value = l.value.slice(0, c.value + 1)), l.value.push(s), c.value = l.value.length - 1, l.value.length > i && (l.value.shift(), c.value--), s;
+			return c.value < l.value.length - 1 && (l.value = l.value.slice(0, c.value + 1)), l.value.push(o), c.value = l.value.length - 1, l.value.length > i && (l.value.shift(), c.value--), o;
 		};
 		if (s) {
-			const r = (0, t.watch)("function" == typeof e ? (0, t.computed)(e) : e, (e, t) => {
-				p || (0, n.deepEqual)(e, t) || (d && clearTimeout(d), d = setTimeout(() => {
-					v();
+			const r = "function" == typeof e ? (0, t.computed)(e) : e;
+			p = (0, n.deepClone)(y());
+			const o = (0, t.watch)(r, (e, t) => {
+				g || (0, n.deepEqual)(e, p ?? t) || (p = (0, n.deepClone)(e), d && clearTimeout(d), d = setTimeout(() => {
+					b();
 				}, a));
 			}, { deep: u });
-			v("初始状态"), (0, t.onUnmounted)(() => {
-				r(), d && clearTimeout(d);
+			b("初始状态"), (0, t.onUnmounted)(() => {
+				o(), d && clearTimeout(d);
 			});
 		}
 		return {
 			snapshots: l,
 			currentIndex: c,
-			canUndo: g,
-			canRedo: y,
-			takeSnapshot: v,
+			canUndo: v,
+			canRedo: m,
+			takeSnapshot: b,
 			restoreSnapshot: (e) => {
 				const t = l.value.findIndex((t) => t.id === e);
 				if (-1 === t) return !1;
-				p = !0;
+				g = !0;
 				try {
-					return r((0, n.deepClone)(l.value[t].state)), c.value = t, !0;
+					return r((0, n.deepClone)(l.value[t].state)), c.value = t, p = (0, n.deepClone)(y()), !0;
 				} finally {
-					p = !1;
+					g = !1;
 				}
 			},
 			undo: () => {
-				if (!g.value) return !1;
-				c.value--, p = !0;
+				if (!v.value) return !1;
+				const e = c.value - 1;
+				g = !0;
 				try {
-					return r((0, n.deepClone)(l.value[c.value].state)), !0;
+					return r((0, n.deepClone)(l.value[e].state)), c.value = e, p = (0, n.deepClone)(y()), !0;
 				} finally {
-					p = !1;
+					g = !1;
 				}
 			},
 			redo: () => {
-				if (!y.value) return !1;
-				c.value++, p = !0;
+				if (!m.value) return !1;
+				const e = c.value + 1;
+				g = !0;
 				try {
-					return r((0, n.deepClone)(l.value[c.value].state)), !0;
+					return r((0, n.deepClone)(l.value[e].state)), c.value = e, p = (0, n.deepClone)(y()), !0;
 				} finally {
-					p = !1;
+					g = !1;
 				}
 			},
 			goto: (e) => {
 				if (e < 0 || e >= l.value.length) return !1;
-				c.value = e, p = !0;
+				g = !0;
 				try {
-					return r((0, n.deepClone)(l.value[e].state)), !0;
+					return r((0, n.deepClone)(l.value[e].state)), c.value = e, p = (0, n.deepClone)(y()), !0;
 				} finally {
-					p = !1;
+					g = !1;
 				}
 			},
 			clearSnapshots: () => {
@@ -1002,7 +1074,7 @@
 		return s || (0, t.onUnmounted)(() => {
 			a();
 		}), a;
-	}, exports.version = "1.0.0";
+	}, exports.version = "0.0.1";
 });
 /*! End of @composy/store-vue | Powered by @composy/builder */
 //# sourceMappingURL=index.min.js.map