@fulgurjs/federation 6.8.6 → 6.9.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # 当前发布说明
 
+## 6.9.0
+
+- Vue/React 统一装配 defineApplication：一个默认导出同时用于独立 start 与子应用桥接，复用业务初始化，按实例 mode 选择路由。取消启动、卸载释放和容器封锁复用现有生命周期合同。
+- Vue bindStoreToApp 显式绑定实际 Pinia 实例，保留 StoreDefinition 类型、$id 和热更新属性，不切换全局 activePinia。桥接 props 接受普通 interface，不要求额外索引签名。
+- doctor --config 离线接入预检：源文件、开发/生产地址、状态归属、声明 glob 与必改/可选文件清单；扫描不完整和人工核查明确标记，不把源码检查当浏览器验收。
+- 公开示例生产挂载、默认端口、入口统一登记 scenarios.json；same-frame 有正式生产启动命令；启动时核对构建入口前缀，固定环境配置不长期缓存。
+- 五个公开模板与同框架 Demo 统一使用 application 装配；独立入口显示相同业务页面，删除多余 bridge 转发与旧生成声明缓存。Vue 本地 memory 路由也可自动安装/等待。公开依赖精确到源码候选版本，未伪造新包 integrity。
+- 新增双语已有应用指南和内部 Vue/React 装配演示。
+- 验收修复：本地路由装配的类型收窄（DTS 构建）；doctor --config 配置加载失败按 FAIL 报告而非用法错误；资源导入不降低扫描完整性；cli 包内 esbuild 改运行时解析（ESM bundle 不再崩溃）。新增 46 项回归（装配生命周期/状态绑定/源码预检/CLI 合同）与类型正负断言。
+
+## 6.8.7
+
+- 修正 init 接入说明和诊断标题：普通远程组件支持消费方传入必填 props，BLD-003 是人工检查项，不是要求所有组件提供默认值的自动构建限制。中英文指南同步，补 Vue/React CLI 说明回归。
+
 ## 6.8.6
 
 - 五个完整模板与功能演示统一精确依赖正式基础包 6.8.5，全部锁文件与 npm 包内模板同步。插件功能与基础版本一致。

package/README.en.md

@@ -6,6 +6,9 @@ For example: a main system loads an independently deployed approval page, a Vue
 
 [简体中文](https://github.com/chenmingye/fulgurjs-federation/blob/master/README.md) ｜ **[Documentation center](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/README.md)** (Chinese [docs/zh](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/zh/README.md) · English [docs/en](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/en/README.md))
 
+
+To reduce duplicated standalone/bridge startup code, see [application assembly and preflight](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/en/guide/existing-apps.md).
+
 ## Quick start
 
 **New project** (recommended): scaffold a fully runnable federation workspace from a template:

package/README.md

@@ -6,6 +6,9 @@
 
 [English](https://github.com/chenmingye/fulgurjs-federation/blob/master/README.en.md) ｜ **[完整文档中心](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/README.md)**（中文 [docs/zh](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/zh/README.md) · English [docs/en](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/en/README.md)）
 
+
+已有应用希望减少独立启动/桥接重复代码，参阅[统一装配与接入预检](https://github.com/chenmingye/fulgurjs-federation/blob/master/docs/zh/guide/existing-apps.md)。
+
 ## 快速开始
 
 **新建工程**（推荐）：用 CLI 从完整模板创建可独立运行的联邦工程：

package/dist/application-core-BuhXQmLF.d.cts

@@ -0,0 +1,16 @@
+import { a as BridgeApp } from './bridge-core-77BT1__I.cjs';
+
+/** Shared start/stop bookkeeping; framework contracts retain their own rendering semantics. */
+
+interface ApplicationHandle {
+    element: HTMLElement;
+    /** Only disposes this start generation; an old handle cannot stop a replacement. */
+    unmount(): void;
+}
+type Application<P extends object> = BridgeApp & {
+    __fgBridgeProps?: P;
+} & {
+    start(target: string | HTMLElement, ...props: {} extends P ? [props?: P] : [props: P]): Promise<ApplicationHandle>;
+};
+
+export type { Application as A };

package/dist/application-core-DWI3eKme.d.ts

@@ -0,0 +1,16 @@
+import { a as BridgeApp } from './bridge-core-CoQRVgnZ.js';
+
+/** Shared start/stop bookkeeping; framework contracts retain their own rendering semantics. */
+
+interface ApplicationHandle {
+    element: HTMLElement;
+    /** Only disposes this start generation; an old handle cannot stop a replacement. */
+    unmount(): void;
+}
+type Application<P extends object> = BridgeApp & {
+    __fgBridgeProps?: P;
+} & {
+    start(target: string | HTMLElement, ...props: {} extends P ? [props?: P] : [props: P]): Promise<ApplicationHandle>;
+};
+
+export type { Application as A };

package/dist/bridge-app-react.cjs

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/bridge-app-react.ts
 var bridge_app_react_exports = {};
 __export(bridge_app_react_exports, {
+  defineApplication: () => defineApplication,
   defineBridgeApp: () => defineBridgeApp
 });
 module.exports = __toCommonJS(bridge_app_react_exports);
@@ -41,7 +42,92 @@ function markBridgeMount(target) {
   Object.defineProperty(target, BRIDGE_MOUNT_KEY, { value: true });
 }
 
+// src/application-core.ts
+function waitForStart(result, signal) {
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    const finish = (failed, error) => {
+      if (settled) return;
+      settled = true;
+      signal.removeEventListener("abort", abort);
+      if (failed) reject(error);
+      else resolve();
+    };
+    const abort = () => {
+      const error = new Error("\u5E94\u7528\u542F\u52A8\u5DF2\u53D6\u6D88\u3002");
+      error.name = "AbortError";
+      finish(true, error);
+    };
+    Promise.resolve(result).then(() => finish(false), (error) => finish(true, error));
+    signal.addEventListener("abort", abort, { once: true });
+    if (signal.aborted) abort();
+  });
+}
+function createApplication(bridge, standalone) {
+  const entries = /* @__PURE__ */ new WeakMap();
+  const blocked = /* @__PURE__ */ new WeakSet();
+  const stop = (el) => {
+    const entry = entries.get(el);
+    if (!entry) {
+      try {
+        bridge.unmount(el);
+      } catch (error) {
+        blocked.add(el);
+        throw error;
+      }
+      return;
+    }
+    entry.controller.abort();
+    try {
+      standalone.unmount(el);
+      entries.delete(el);
+    } catch (error) {
+      entry.blocked = true;
+      blocked.add(el);
+      throw error;
+    }
+  };
+  return {
+    ...bridge.routing ? { routing: bridge.routing } : {},
+    mount(el, props, options) {
+      if (entries.has(el) || blocked.has(el)) throw new Error("\u8BE5\u5BB9\u5668\u5DF2\u6709\u72EC\u7ACB\u5E94\u7528\u6216\u5378\u8F7D\u5931\u8D25\u7684\u5B9E\u4F8B\uFF1B\u5148\u6B63\u5E38\u5378\u8F7D\uFF0C\u5378\u8F7D\u5931\u8D25\u65F6\u6574\u9875\u5237\u65B0\u3002");
+      return bridge.mount(el, props, options);
+    },
+    unmount: stop,
+    async start(target, ...args) {
+      const el = typeof target === "string" ? document.querySelector(target) : target;
+      const ElementClass = el?.ownerDocument.defaultView?.HTMLElement;
+      if (!ElementClass || !(el instanceof ElementClass)) throw new Error(`\u5E94\u7528\u6302\u8F7D\u5BB9\u5668\u4E0D\u5B58\u5728\u6216\u4E0D\u662F HTMLElement\uFF1A${typeof target === "string" ? target : "target"}`);
+      if (entries.has(el) || blocked.has(el)) throw new Error("\u8BE5\u5BB9\u5668\u5DF2\u6709\u72EC\u7ACB\u5E94\u7528\u6216\u5378\u8F7D\u5931\u8D25\u7684\u5B9E\u4F8B\uFF1B\u4E0D\u80FD\u91CD\u590D start\u3002");
+      const entry = { controller: new AbortController(), blocked: false };
+      entries.set(el, entry);
+      try {
+        await waitForStart(standalone.mount(el, { ...args[0] ?? {} }, { signal: entry.controller.signal }), entry.controller.signal);
+        if (entry.controller.signal.aborted || entries.get(el) !== entry) {
+          const error = new Error("\u5E94\u7528\u542F\u52A8\u5DF2\u53D6\u6D88\uFF0C\u8FDF\u5230\u7684\u521D\u59CB\u5316\u7ED3\u679C\u4E0D\u4F1A\u91CD\u65B0\u6302\u8F7D\u3002");
+          error.name = "AbortError";
+          throw error;
+        }
+      } catch (error) {
+        if (entries.get(el) === entry && !entry.blocked) entries.delete(el);
+        entry.controller.abort();
+        throw error;
+      }
+      return { element: el, unmount() {
+        if (entries.get(el) === entry) stop(el);
+      } };
+    }
+  };
+}
+
 // src/bridge-app-react.ts
+var appDisposers = /* @__PURE__ */ new WeakMap();
+function disposeResources(entry) {
+  const dispose = entry.dispose;
+  entry.dispose = void 0;
+  appDisposers.delete(entry.controller.signal);
+  dispose?.();
+}
 var entriesByEl = /* @__PURE__ */ new WeakMap();
 var FirstCommitGate = class extends import_react.Component {
   state = { error: null };
@@ -64,32 +150,82 @@ function CommitProbe({ children, onCommit }) {
   return children ?? null;
 }
 function defineBridgeApp(factory, options = {}) {
+  return createReactAppContract(factory, options, "bridge");
+}
+function defineApplication(factory, options = {}) {
+  const contract = (mode) => createReactAppContract((props, ctx) => {
+    const context = { ...ctx, mode, signal: ctx.signal };
+    if (mode === "bridge") markBridgeMount(context);
+    const result = factory(props, context);
+    if (!result || typeof result !== "object") throw new Error("defineApplication \u5DE5\u5382\u5FC5\u987B\u8FD4\u56DE ReactElement \u6216 { element, dispose? }\u3002");
+    if ("element" in result) {
+      if (result.dispose) appDisposers.set(context.signal, result.dispose);
+      return result.element;
+    }
+    return result;
+  }, options, mode);
+  return createApplication(contract("bridge"), contract("standalone"));
+}
+function createReactAppContract(factory, options, mode) {
+  const owner = /* @__PURE__ */ Symbol("react-application");
   return {
-    ...options.routing ? { routing: { protocol: 1 } } : {},
+    ...mode === "bridge" && options.routing ? { routing: { protocol: 1 } } : {},
     mount(el, props, mountOptions) {
       if (entriesByEl.has(el)) {
         throw new Error("\u540C\u4E00\u5BB9\u5668 el \u5DF2\u6302\u8F7D\u672C\u6865\u63A5\u5E94\u7528\uFF08\u5BB9\u5668\u5DF2\u88AB\u5360\u7528\uFF09\u3002\u540C\u4E00\u5BB9\u5668\u672A\u5378\u8F7D\u524D\u91CD\u590D mount \u662F\u5951\u7EA6\u8FDD\u4F8B\u2014\u2014\u5148 unmount \u518D mount\u3002");
       }
       const snapshot = { ...props ?? {} };
-      const ctx = { signal: mountOptions?.signal, routing: mountOptions?.routing };
-      markBridgeMount(ctx);
+      const controller = new AbortController();
+      const ctx = { signal: controller.signal, routing: mountOptions?.routing };
+      if (mode === "bridge") markBridgeMount(ctx);
+      const entry = {
+        owner,
+        status: "pending",
+        controller,
+        removeAbortListener: () => mountOptions?.signal?.removeEventListener("abort", abort)
+      };
+      const abort = () => {
+        controller.abort();
+        entry.cancelCommit?.();
+      };
+      mountOptions?.signal?.addEventListener("abort", abort, { once: true });
+      entriesByEl.set(el, entry);
+      if (mountOptions?.signal?.aborted) {
+        abort();
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        return Promise.resolve();
+      }
       let element;
       try {
         element = factory(snapshot, ctx);
+        entry.dispose = appDisposers.get(controller.signal);
       } catch (e) {
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        controller.abort();
+        try {
+          disposeResources(entry);
+        } catch {
+        }
         throw e instanceof Error ? e : new Error(String(e));
       }
       if (element === null || typeof element !== "object") {
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        controller.abort();
+        try {
+          disposeResources(entry);
+        } catch {
+        }
         throw new Error(
           `defineBridgeApp \u5DE5\u5382\u8FD4\u56DE\u503C\u4E0D\u662F ReactElement\uFF08\u5F53\u524D ${element === null ? "null" : typeof element}\uFF09\u3002\u5DE5\u5382\u5FC5\u987B\u8FD4\u56DE ReactElement\uFF08JSX/ createElement \u7684\u8FD4\u56DE\u503C\uFF09\u3002`
         );
       }
-      const entry = { status: "pending" };
-      entriesByEl.set(el, entry);
       const promise = (async () => {
         const reactDomClient = await import("react-dom/client");
         const createRoot = reactDomClient.createRoot ?? reactDomClient.default?.createRoot;
-        if (entry.status === "abort" || entriesByEl.get(el) !== entry) return;
+        if (entry.status === "abort" || controller.signal.aborted || entriesByEl.get(el) !== entry) return;
         if (typeof createRoot !== "function") throw new Error(
           "react-dom/client \u672A\u5BFC\u51FA createRoot\u3002\u8BF7\u6838\u5BF9 React \u4E0E renderer \u7248\u672C\u53CA\u5171\u4EAB\u5B50\u8DEF\u5F84\u914D\u7F6E\u3002"
         );
@@ -110,6 +246,15 @@ function defineBridgeApp(factory, options = {}) {
             phaseRef.current = "committed";
             resolve();
           };
+          entry.cancelCommit = () => {
+            if (settled) return;
+            settled = true;
+            resolve();
+          };
+          if (controller.signal.aborted) {
+            entry.cancelCommit();
+            return;
+          }
           root.render(
             (0, import_react.createElement)(
               FirstCommitGate,
@@ -129,28 +274,51 @@ function defineBridgeApp(factory, options = {}) {
             }
           }
           if (entriesByEl.get(el) === entry) entriesByEl.delete(el);
+          entry.removeAbortListener();
+          controller.abort();
+          try {
+            disposeResources(entry);
+          } catch {
+          }
           throw e;
         }
       ).then(() => void 0);
     },
     unmount(el) {
       const entry = entriesByEl.get(el);
-      if (!entry) return;
+      if (!entry || entry.owner !== owner) return;
       entriesByEl.delete(el);
+      entry.removeAbortListener();
+      entry.controller.abort();
+      entry.cancelCommit?.();
       if (entry.status === "pending" || !entry.root) {
         entry.status = "abort";
+        disposeResources(entry);
         return;
       }
       entry.status = "abort";
+      let failure;
+      let failed = false;
       try {
         entry.root.unmount();
-      } catch (e) {
-        throw e instanceof Error ? e : new Error(String(e));
+      } catch (error) {
+        failed = true;
+        failure = error;
+      }
+      try {
+        disposeResources(entry);
+      } catch (error) {
+        if (!failed) {
+          failed = true;
+          failure = error;
+        }
       }
+      if (failed) throw failure instanceof Error ? failure : new Error(String(failure));
     }
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  defineApplication,
   defineBridgeApp
 });

package/dist/bridge-app-react.d.cts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { B as BridgeChildRoute, a as BridgeApp } from './bridge-core-77BT1__I.cjs';
+import { A as Application } from './application-core-BuhXQmLF.cjs';
 import './context.cjs';
 
 /**
@@ -31,7 +32,7 @@ interface ReactBridgeAppContext {
 /** React 子应用工厂：接收挂载时 props 快照与生命周期上下文，返回 ReactElement */
 type ReactBridgeAppFactory<P = Record<string, unknown>> = (props: P, ctx?: ReactBridgeAppContext) => ReactElement;
 /** 桥接 props 的类型标记（phantom，与 Vue 侧同构；见 bridge-app-vue 的说明） */
-type FgBridgePropsMarker<P extends Record<string, unknown>> = {
+type FgBridgePropsMarker<P extends object> = {
     __fgBridgeProps?: P;
 };
 interface DefineReactBridgeAppOptions {
@@ -47,6 +48,17 @@ interface DefineReactBridgeAppOptions {
  * export default defineBridgeApp((props) => <MemoryRouter><App {...props} /></MemoryRouter>)
  * ```
  */
-declare function defineBridgeApp<P extends Record<string, unknown> = Record<string, unknown>>(factory: ReactBridgeAppFactory<P>, options?: DefineReactBridgeAppOptions): BridgeApp & FgBridgePropsMarker<P>;
+declare function defineBridgeApp<P extends object = Record<string, unknown>>(factory: ReactBridgeAppFactory<P>, options?: DefineReactBridgeAppOptions): BridgeApp & FgBridgePropsMarker<P>;
+interface ReactApplicationContext extends ReactBridgeAppContext {
+    mode: 'standalone' | 'bridge';
+    signal: AbortSignal;
+}
+interface ReactApplicationSetup {
+    element: ReactElement;
+    /** Dispose a standalone data router or other instance-owned resources. */
+    dispose?: () => void;
+}
+type ReactApplicationFactory<P = Record<string, unknown>> = (props: P, context: ReactApplicationContext) => ReactElement | ReactApplicationSetup;
+declare function defineApplication<P extends object = Record<string, unknown>>(factory: ReactApplicationFactory<P>, options?: DefineReactBridgeAppOptions): Application<P>;
 
-export { BridgeApp, type DefineReactBridgeAppOptions, type FgBridgePropsMarker, type ReactBridgeAppContext, type ReactBridgeAppFactory, defineBridgeApp };
+export { BridgeApp, type DefineReactBridgeAppOptions, type FgBridgePropsMarker, type ReactApplicationContext, type ReactApplicationFactory, type ReactApplicationSetup, type ReactBridgeAppContext, type ReactBridgeAppFactory, defineApplication, defineBridgeApp };

package/dist/bridge-app-react.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { B as BridgeChildRoute, a as BridgeApp } from './bridge-core-CoQRVgnZ.js';
+import { A as Application } from './application-core-DWI3eKme.js';
 import './context.js';
 
 /**
@@ -31,7 +32,7 @@ interface ReactBridgeAppContext {
 /** React 子应用工厂：接收挂载时 props 快照与生命周期上下文，返回 ReactElement */
 type ReactBridgeAppFactory<P = Record<string, unknown>> = (props: P, ctx?: ReactBridgeAppContext) => ReactElement;
 /** 桥接 props 的类型标记（phantom，与 Vue 侧同构；见 bridge-app-vue 的说明） */
-type FgBridgePropsMarker<P extends Record<string, unknown>> = {
+type FgBridgePropsMarker<P extends object> = {
     __fgBridgeProps?: P;
 };
 interface DefineReactBridgeAppOptions {
@@ -47,6 +48,17 @@ interface DefineReactBridgeAppOptions {
  * export default defineBridgeApp((props) => <MemoryRouter><App {...props} /></MemoryRouter>)
  * ```
  */
-declare function defineBridgeApp<P extends Record<string, unknown> = Record<string, unknown>>(factory: ReactBridgeAppFactory<P>, options?: DefineReactBridgeAppOptions): BridgeApp & FgBridgePropsMarker<P>;
+declare function defineBridgeApp<P extends object = Record<string, unknown>>(factory: ReactBridgeAppFactory<P>, options?: DefineReactBridgeAppOptions): BridgeApp & FgBridgePropsMarker<P>;
+interface ReactApplicationContext extends ReactBridgeAppContext {
+    mode: 'standalone' | 'bridge';
+    signal: AbortSignal;
+}
+interface ReactApplicationSetup {
+    element: ReactElement;
+    /** Dispose a standalone data router or other instance-owned resources. */
+    dispose?: () => void;
+}
+type ReactApplicationFactory<P = Record<string, unknown>> = (props: P, context: ReactApplicationContext) => ReactElement | ReactApplicationSetup;
+declare function defineApplication<P extends object = Record<string, unknown>>(factory: ReactApplicationFactory<P>, options?: DefineReactBridgeAppOptions): Application<P>;
 
-export { BridgeApp, type DefineReactBridgeAppOptions, type FgBridgePropsMarker, type ReactBridgeAppContext, type ReactBridgeAppFactory, defineBridgeApp };
+export { BridgeApp, type DefineReactBridgeAppOptions, type FgBridgePropsMarker, type ReactApplicationContext, type ReactApplicationFactory, type ReactApplicationSetup, type ReactBridgeAppContext, type ReactBridgeAppFactory, defineApplication, defineBridgeApp };

package/dist/bridge-app-react.js

@@ -1,3 +1,6 @@
+import {
+  createApplication
+} from "./chunk-6OB47FSR.js";
 import {
   markBridgeMount
 } from "./chunk-HDRZBSND.js";
@@ -7,6 +10,13 @@ import "./chunk-OF2JCXTZ.js";
 
 // src/bridge-app-react.ts
 import { Component, createElement, useEffect } from "react";
+var appDisposers = /* @__PURE__ */ new WeakMap();
+function disposeResources(entry) {
+  const dispose = entry.dispose;
+  entry.dispose = void 0;
+  appDisposers.delete(entry.controller.signal);
+  dispose?.();
+}
 var entriesByEl = /* @__PURE__ */ new WeakMap();
 var FirstCommitGate = class extends Component {
   state = { error: null };
@@ -29,32 +39,82 @@ function CommitProbe({ children, onCommit }) {
   return children ?? null;
 }
 function defineBridgeApp(factory, options = {}) {
+  return createReactAppContract(factory, options, "bridge");
+}
+function defineApplication(factory, options = {}) {
+  const contract = (mode) => createReactAppContract((props, ctx) => {
+    const context = { ...ctx, mode, signal: ctx.signal };
+    if (mode === "bridge") markBridgeMount(context);
+    const result = factory(props, context);
+    if (!result || typeof result !== "object") throw new Error("defineApplication \u5DE5\u5382\u5FC5\u987B\u8FD4\u56DE ReactElement \u6216 { element, dispose? }\u3002");
+    if ("element" in result) {
+      if (result.dispose) appDisposers.set(context.signal, result.dispose);
+      return result.element;
+    }
+    return result;
+  }, options, mode);
+  return createApplication(contract("bridge"), contract("standalone"));
+}
+function createReactAppContract(factory, options, mode) {
+  const owner = /* @__PURE__ */ Symbol("react-application");
   return {
-    ...options.routing ? { routing: { protocol: 1 } } : {},
+    ...mode === "bridge" && options.routing ? { routing: { protocol: 1 } } : {},
     mount(el, props, mountOptions) {
       if (entriesByEl.has(el)) {
         throw new Error("\u540C\u4E00\u5BB9\u5668 el \u5DF2\u6302\u8F7D\u672C\u6865\u63A5\u5E94\u7528\uFF08\u5BB9\u5668\u5DF2\u88AB\u5360\u7528\uFF09\u3002\u540C\u4E00\u5BB9\u5668\u672A\u5378\u8F7D\u524D\u91CD\u590D mount \u662F\u5951\u7EA6\u8FDD\u4F8B\u2014\u2014\u5148 unmount \u518D mount\u3002");
       }
       const snapshot = { ...props ?? {} };
-      const ctx = { signal: mountOptions?.signal, routing: mountOptions?.routing };
-      markBridgeMount(ctx);
+      const controller = new AbortController();
+      const ctx = { signal: controller.signal, routing: mountOptions?.routing };
+      if (mode === "bridge") markBridgeMount(ctx);
+      const entry = {
+        owner,
+        status: "pending",
+        controller,
+        removeAbortListener: () => mountOptions?.signal?.removeEventListener("abort", abort)
+      };
+      const abort = () => {
+        controller.abort();
+        entry.cancelCommit?.();
+      };
+      mountOptions?.signal?.addEventListener("abort", abort, { once: true });
+      entriesByEl.set(el, entry);
+      if (mountOptions?.signal?.aborted) {
+        abort();
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        return Promise.resolve();
+      }
       let element;
       try {
         element = factory(snapshot, ctx);
+        entry.dispose = appDisposers.get(controller.signal);
       } catch (e) {
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        controller.abort();
+        try {
+          disposeResources(entry);
+        } catch {
+        }
         throw e instanceof Error ? e : new Error(String(e));
       }
       if (element === null || typeof element !== "object") {
+        entriesByEl.delete(el);
+        entry.removeAbortListener();
+        controller.abort();
+        try {
+          disposeResources(entry);
+        } catch {
+        }
         throw new Error(
           `defineBridgeApp \u5DE5\u5382\u8FD4\u56DE\u503C\u4E0D\u662F ReactElement\uFF08\u5F53\u524D ${element === null ? "null" : typeof element}\uFF09\u3002\u5DE5\u5382\u5FC5\u987B\u8FD4\u56DE ReactElement\uFF08JSX/ createElement \u7684\u8FD4\u56DE\u503C\uFF09\u3002`
         );
       }
-      const entry = { status: "pending" };
-      entriesByEl.set(el, entry);
       const promise = (async () => {
         const reactDomClient = await import("react-dom/client");
         const createRoot = reactDomClient.createRoot ?? reactDomClient.default?.createRoot;
-        if (entry.status === "abort" || entriesByEl.get(el) !== entry) return;
+        if (entry.status === "abort" || controller.signal.aborted || entriesByEl.get(el) !== entry) return;
         if (typeof createRoot !== "function") throw new Error(
           "react-dom/client \u672A\u5BFC\u51FA createRoot\u3002\u8BF7\u6838\u5BF9 React \u4E0E renderer \u7248\u672C\u53CA\u5171\u4EAB\u5B50\u8DEF\u5F84\u914D\u7F6E\u3002"
         );
@@ -75,6 +135,15 @@ function defineBridgeApp(factory, options = {}) {
             phaseRef.current = "committed";
             resolve();
           };
+          entry.cancelCommit = () => {
+            if (settled) return;
+            settled = true;
+            resolve();
+          };
+          if (controller.signal.aborted) {
+            entry.cancelCommit();
+            return;
+          }
           root.render(
             createElement(
               FirstCommitGate,
@@ -94,27 +163,50 @@ function defineBridgeApp(factory, options = {}) {
             }
           }
           if (entriesByEl.get(el) === entry) entriesByEl.delete(el);
+          entry.removeAbortListener();
+          controller.abort();
+          try {
+            disposeResources(entry);
+          } catch {
+          }
           throw e;
         }
       ).then(() => void 0);
     },
     unmount(el) {
       const entry = entriesByEl.get(el);
-      if (!entry) return;
+      if (!entry || entry.owner !== owner) return;
       entriesByEl.delete(el);
+      entry.removeAbortListener();
+      entry.controller.abort();
+      entry.cancelCommit?.();
       if (entry.status === "pending" || !entry.root) {
         entry.status = "abort";
+        disposeResources(entry);
         return;
       }
       entry.status = "abort";
+      let failure;
+      let failed = false;
       try {
         entry.root.unmount();
-      } catch (e) {
-        throw e instanceof Error ? e : new Error(String(e));
+      } catch (error) {
+        failed = true;
+        failure = error;
+      }
+      try {
+        disposeResources(entry);
+      } catch (error) {
+        if (!failed) {
+          failed = true;
+          failure = error;
+        }
       }
+      if (failed) throw failure instanceof Error ? failure : new Error(String(failure));
     }
   };
 }
 export {
+  defineApplication,
   defineBridgeApp
 };