@blueking/bk-weweb 0.0.35 → 0.0.36-beta.17

package/dist/index.esm.js

@@ -1,13 +1,33 @@
+// src/common/state.ts
+var AppState = {
+  /** 未设置状态 */
+  UNSET: "UNSET",
+  /** 加载中 */
+  LOADING: "LOADING",
+  /** 加载完成 */
+  LOADED: "LOADED",
+  /** 挂载中 */
+  MOUNTING: "MOUNTING",
+  /** 挂载完成 */
+  MOUNTED: "MOUNTED",
+  /** 激活状态 */
+  ACTIVATED: "ACTIVATED",
+  /** 未激活状态 */
+  DEACTIVATED: "DEACTIVATED",
+  /** 卸载状态 */
+  UNMOUNT: "UNMOUNT",
+  /** 错误状态 */
+  ERROR: "ERROR"
+};
+
 // src/context/cache.ts
 var currentRunningApp = null;
-function getCurrentRunningApp() {
-  return currentRunningApp;
-}
-function setCurrentRunningApp(appInstance) {
+var getCurrentRunningApp = () => currentRunningApp;
+var setCurrentRunningApp = (appInstance) => {
   currentRunningApp = appInstance;
-}
+};
 var windowNativeFuncMap = /* @__PURE__ */ new Map();
-var globalContextCode = `const { ${[
+var GLOBAL_CONTEXT_VARIABLES = [
   "Array",
   "ArrayBuffer",
   "Boolean",
@@ -64,15 +84,25 @@ var globalContextCode = `const { ${[
   "URIError",
   "valueOf",
   "WeakMap",
-  "WeakSet"
-].join(",")} }= this;`;
-var getGlobalContextCode = () => {
-  return globalContextCode;
+  "WeakSet",
+  "requestAnimationFrame",
+  "cancelAnimationFrame",
+  "requestIdleCallback",
+  "cancelIdleCallback"
+];
+var getGlobalContextCode = () => `const { ${GLOBAL_CONTEXT_VARIABLES.join(",")} } = this;`;
+var isNativeFunction = (func) => {
+  if (typeof func !== "function") return false;
+  try {
+    return Function.prototype.toString.call(func).includes("[native code]");
+  } catch {
+    return false;
+  }
 };
 var collectNativeWindowFunc = () => {
-  const keyList = Object.getOwnPropertyNames(window);
-  for (const key of keyList) {
-    if (!windowNativeFuncMap.has(key) && key.match(/^[A-Z]/) && typeof window[key] === "function" && window[key].toString().includes("[native code]")) {
+  const windowKeys = Object.getOwnPropertyNames(window);
+  for (const key of windowKeys) {
+    if (!windowNativeFuncMap.has(key) && /^[A-Z]/.test(key) && isNativeFunction(window[key])) {
       windowNativeFuncMap.set(key, true);
     }
   }
@@ -93,10 +123,11 @@ var WewebMode = /* @__PURE__ */ ((WewebMode2) => {
 // src/typings/sandbox.ts
 var WINDOW_WHITE_LIST = [
   "System",
-  // SystemJS
+  // SystemJS 模块加载器
   "__cjsWrapper",
-  // SystemJS CommonJS wrapper
-  false ? "__REACT_DEVTOOLS_GLOBAL_HOOK__" : ""
+  // SystemJS CommonJS 包装器
+  // 开发环境下允许 React DevTools
+  ...false ? ["__REACT_DEVTOOLS_GLOBAL_HOOK__"] : []
 ];
 var BK_WEWEB_INJECT_KEY_LIST = [
   "__POWERED_BY_BK_WEWEB__",
@@ -105,909 +136,474 @@ var BK_WEWEB_INJECT_KEY_LIST = [
 ];
 var WINDOW_ALIAS_LIST = ["window", "self", "globalThis"];
 var BK_WEWEB_LOCATION_KEY_LIST = ["location", "history"];
-var COMMON_MICRO_APP_WINDOE_KEY_MAP = {
+var COMMON_MICRO_APP_WINDOW_KEY_MAP = {
   __bk_pop_manager: true,
   __bk_zIndex_manager: true,
   i18n: true
 };
-var DEV_MICRO_APP_WINDOE_KEY_MAP = false ? {
+var DEV_MICRO_APP_WINDOW_KEY_MAP = false ? {
+  // 开发环境标识
   __DEV__: true,
+  // Vue DevTools 相关
   __VUE_DEVTOOLS_GLOBAL_HOOK__: true,
   __VUE_DEVTOOLS_HOOK_REPLAY__: true,
   __VUE_DEVTOOLS_PLUGINS__: true,
+  // Vue I18n 相关
   __VUE_I18N_FULL_INSTALL__: true,
   __VUE_I18N_LEGACY_API__: true,
+  // Vue 配置相关
   __VUE_OPTIONS_API__: true,
+  // Core-js 相关
   "__core-js_shared__": true,
+  // Webpack 相关
   webpackChunkapm: true,
   webpackChunkpc: true,
   webpackChunktrace: true,
   webpackJsonp: true,
-  ...COMMON_MICRO_APP_WINDOE_KEY_MAP
-} : COMMON_MICRO_APP_WINDOE_KEY_MAP;
+  // 包含通用配置
+  ...COMMON_MICRO_APP_WINDOW_KEY_MAP
+} : COMMON_MICRO_APP_WINDOW_KEY_MAP;
 
 // src/utils/common.ts
+var PROTOCOL_REGEX = /^((((ht|f)tps?)|file):)?\/\//;
+var DATA_BLOB_REGEX = /^(data|blob):/;
+var FILE_EXTENSION_REGEX = /\.(\w+)$/;
+var JS_EXTENSION_REGEX = /\.js$/;
+var RANDOM_CHARS = "abcdefghijklmnopqrstuvwxyz0123456789";
 var nextTask = (cb) => Promise.resolve().then(cb);
-function addUrlProtocol(url) {
+var addUrlProtocol = (url) => {
   if (url.startsWith("//")) return `${location.protocol}${url}`;
   if (!url.startsWith("http")) return `${location.protocol}//${url}`;
   return url;
-}
-function fillUpPath(path, baseURI) {
-  if (!path || /^((((ht|f)tps?)|file):)?\/\//.test(path) || /^(data|blob):/.test(path)) return path;
+};
+var fillUpPath = (path, baseURI) => {
+  if (!path || PROTOCOL_REGEX.test(path) || DATA_BLOB_REGEX.test(path)) {
+    return path;
+  }
   const { origin, pathname } = new URL(addUrlProtocol(baseURI));
-  return new URL(path, `${origin}${pathname}`.replace(/\.(\w+)$/, "/")).toString();
-}
-function randomUrl() {
-  return `inline-${random(16)}`;
-}
-var requestIdleCallback = window.requestIdleCallback || ((cb) => {
+  const basePath = `${origin}${pathname}`.replace(FILE_EXTENSION_REGEX, "/");
+  return new URL(path, basePath).toString();
+};
+var random = (length, chars = RANDOM_CHARS) => {
+  const charsLength = chars.length;
+  return Array.from({ length }, () => chars[Math.floor(Math.random() * charsLength)]).join("");
+};
+var randomUrl = () => `inline-${random(16)}`;
+var requestIdleCallback = window.requestIdleCallback ?? ((cb) => {
   const start = Date.now();
   return setTimeout(() => {
     cb({
       didTimeout: false,
-      timeRemaining() {
-        return Math.max(0, 50 - (Date.now() - start));
-      }
+      timeRemaining: () => Math.max(0, 50 - (Date.now() - start))
     });
   }, 1);
 });
-var cancelIdleCallback = window.cancelIdleCallback || ((id) => {
-  clearTimeout(id);
-});
-var random = (n, str = "abcdefghijklmnopqrstuvwxyz0123456789") => {
-  let result = "";
-  for (let i = 0; i < n; i++) {
-    result += str[Number.parseInt((Math.random() * str.length).toString(), 10)];
-  }
-  return result;
-};
+var cancelIdleCallback = window.cancelIdleCallback ?? ((id) => clearTimeout(id));
 var isJsonpUrl = (url) => {
   if (!url) return false;
-  if (url.match(/\.js$/)) return false;
-  const { pathname } = new URL(addUrlProtocol(url));
-  return !pathname.match(/\.js$/);
+  try {
+    const { pathname } = new URL(addUrlProtocol(url));
+    return !JS_EXTENSION_REGEX.test(pathname);
+  } catch {
+    return !JS_EXTENSION_REGEX.test(url);
+  }
 };
 
-// src/context/document.ts
-var SPECIAL_ELEMENT_TAG = ["body", "html", "head"];
-var createProxyDocument = (rawDocument, app) => {
-  const fakeDocument = {};
-  function shadowRootInsertAdjacentHTML(where, domString) {
-    const temporaryContainer = document.createElement("div");
-    temporaryContainer.innerHTML = domString;
-    const elements = Array.from(temporaryContainer.childNodes);
-    const shadow = app.container;
-    switch (where) {
-      case "beforebegin":
-        elements.forEach((el) => shadow.host.parentNode?.insertBefore(el, shadow.host));
-        break;
-      case "afterbegin":
-        elements.reverse().forEach((el) => shadow.insertBefore(el, shadow.firstChild));
-        break;
-      case "beforeend":
-        elements.forEach((el) => shadow.appendChild(el));
-        break;
-      case "afterend":
-        elements.forEach((el) => shadow.host.parentNode?.insertBefore(el, shadow.host.nextSibling));
-        break;
-    }
+// src/utils/custom.ts
+var ELEMENT_TARGET_NAMES = ["currentTarget", "srcElement", "target"];
+var defineEventSourceElement = (element, eventName = "custom") => {
+  const targetProperties = ELEMENT_TARGET_NAMES.reduce((properties, targetName) => {
+    properties[targetName] = {
+      get: () => element,
+      enumerable: true,
+      configurable: true
+    };
+    return properties;
+  }, {});
+  return Object.defineProperties(new CustomEvent(eventName), targetProperties);
+};
+var dispatchLinkOrScriptLoad = (element) => {
+  const loadEvent = defineEventSourceElement(element, "load");
+  if (typeof element.onload === "function") {
+    element.onload.call(element, loadEvent);
+    return;
   }
-  const proxyBody = new Proxy(
-    {},
-    {
-      get(_, key) {
-        if (app.container instanceof ShadowRoot) {
-          if (key === "insertAdjacentHTML") {
-            return shadowRootInsertAdjacentHTML.bind(app.container);
-          }
-          const value2 = app.container[key];
-          if (typeof value2 === "function") {
-            return value2.bind(app.container);
-          }
-          if (value2 !== void 0) {
-            return value2;
-          }
-        }
-        const value = Reflect.get(rawDocument.body, key);
-        return typeof value === "function" ? value.bind(rawDocument.body) : value;
-      },
-      set(_, key, value) {
-        if (app.container instanceof ShadowRoot) {
-          app.container[key] = value;
-          return true;
-        }
-        Reflect.set(rawDocument.body, key, value);
-        return true;
-      }
-    }
-  );
-  function createElement(tagName, options) {
-    const element = rawDocument.createElement(tagName, options);
-    element.__BK_WEWEB_APP_KEY__ = app.appCacheKey;
-    return element;
+  element.dispatchEvent(loadEvent);
+};
+var dispatchLinkOrScriptError = (element) => {
+  const errorEvent = defineEventSourceElement(element, "error");
+  if (typeof element.onerror === "function") {
+    element.onerror.call(element, errorEvent);
+    return;
   }
-  function querySelectorNew(selectors) {
-    if (selectors === proxyBody) {
-      return app.container instanceof ShadowRoot ? app.container : rawDocument.body;
-    }
-    if (SPECIAL_ELEMENT_TAG.includes(selectors)) {
-      if (app?.container instanceof ShadowRoot) {
-        return app?.container;
-      }
-      return rawDocument.querySelector.call(this, selectors);
-    }
+  element.dispatchEvent(errorEvent);
+};
+
+// src/utils/fetch.ts
+var fetchSource = async (url, options = {}, app) => {
+  if (typeof app?.fetchSource === "function") {
     try {
-      return app?.container?.querySelector(selectors) ?? null;
+      return await app.fetchSource(url, options);
     } catch {
-      return null;
+      return "";
     }
   }
-  function querySelectorAllNew(selectors) {
-    if (SPECIAL_ELEMENT_TAG.includes(selectors)) {
-      if (app?.container instanceof ShadowRoot) {
-        return app?.container;
-      }
-      return rawDocument.querySelector(selectors);
-    }
-    return app?.container?.querySelectorAll(selectors) ?? [];
+  if (src_default.fetchSource) {
+    return src_default.fetchSource(url, options);
   }
-  function getElementByIdNew(key) {
-    return querySelectorNew.call(rawDocument, `#${key}`);
+  try {
+    const response = await window.fetch(url, options);
+    return await response.text();
+  } catch {
+    return "";
   }
-  function getElementsByClassName(key) {
-    return querySelectorAllNew(`.${key}`);
+};
+
+// src/entry/style.ts
+var CSS_SELECTORS = {
+  ROOT_SELECTOR: /^((html[\s>~,]+body)|(html|body|:root))$/,
+  BUILT_IN_ROOT_SELECTOR: /(^|\s+)((html[\s>~]+body)|(html|body|:root))(?=[\s>~]+|$)/,
+  FONT_FACE: /@font-face\s*\{[^}]+\}/g,
+  URL_PATTERN: /url\(["']?([^)"']+)["']?\)/gm,
+  DATA_BLOB_PROTOCOL: /^(data|blob):/,
+  HTTP_PROTOCOL: /^(https?:)?\/\//,
+  RELATIVE_PATH: /^((\.\.?\/)|[^/])/,
+  ROOT_HOST_PATTERN: /(:?:root|html)/gm
+};
+var STYLE_ATTRIBUTES = {
+  TYPE: "text/css",
+  POWERED_BY: "bk-weweb",
+  LINKED_FROM_BASE: "linked-from-base",
+  ORIGIN_SRC: "origin-src"
+};
+var PACK_RULE_NAMES = {
+  MEDIA: "media",
+  SUPPORTS: "supports"
+};
+var Style = class {
+  code = "";
+  fromHtml;
+  initial;
+  prefetch = false;
+  preload = false;
+  scoped;
+  scopedCode = "";
+  url;
+  constructor({ code, fromHtml, initial, prefetch, preload, url }) {
+    this.scoped = false;
+    this.code = code;
+    this.prefetch = prefetch ?? false;
+    this.preload = preload ?? false;
+    this.url = url;
+    this.fromHtml = fromHtml;
+    this.initial = initial ?? false;
   }
-  function getElementsByTagName(key) {
-    if (SPECIAL_ELEMENT_TAG.includes(key) || !app?.showSourceCode && key.toLocaleLowerCase() === "script") {
-      return rawDocument.getElementsByTagName(key);
+  /**
+   * 通用样式作用域处理
+   * @param styleElement 样式元素
+   * @param app 应用实例
+   */
+  commonScoped(styleElement, app) {
+    if (app.scopeCss && !(app.container instanceof ShadowRoot)) {
+      this.applyScopedCSS(styleElement, app);
+    } else {
+      this.applyUnscopedCSS(styleElement, app);
     }
-    return querySelectorAllNew(key);
+    this.scoped = true;
   }
-  function getElementsByNameNew(key) {
-    return querySelectorAllNew(`[name=${key}]`);
+  /**
+   * 创建样式元素
+   */
+  createStyleElement() {
+    const styleElement = document.createElement("style");
+    if (styleElement.__BK_WEWEB_APP_KEY__) {
+      styleElement.__BK_WEWEB_APP_KEY__ = void 0;
+    }
+    return styleElement;
   }
-  return new Proxy(fakeDocument, {
-    get(_, key) {
-      if (key === "createElement") {
-        return createElement.bind(rawDocument);
-      }
-      if (key === "querySelector") {
-        return querySelectorNew.bind(rawDocument);
-      }
-      if (key === "querySelectorAll") {
-        return querySelectorAllNew.bind(rawDocument);
-      }
-      if (key === "getElementById") {
-        return getElementByIdNew.bind(rawDocument);
-      }
-      if (key === "getElementsByClassName") {
-        return getElementsByClassName.bind(rawDocument);
-      }
-      if (key === "getElementsByTagName") {
-        return getElementsByTagName.bind(rawDocument);
+  /**
+   * 执行样式代码
+   * @param app 应用实例
+   * @returns 返回执行后的style标签
+   */
+  async executeCode(app) {
+    app.registerRunningApp();
+    let styleElement = this.createStyleElement();
+    styleElement.setAttribute("type", STYLE_ATTRIBUTES.TYPE);
+    styleElement.textContent = this.code;
+    try {
+      if (!this.code) {
+        await this.getCode(app);
       }
-      if (key === "getElementsByName") {
-        return getElementsByNameNew.bind(rawDocument);
+      styleElement = this.scopedStyleCSS(app, styleElement);
+      this.scoped = true;
+    } catch (error) {
+      console.error("scoped style error", error);
+    }
+    return styleElement;
+  }
+  /**
+   * 获取样式代码
+   */
+  async getCode(app) {
+    if (this.code.length || !this.url) {
+      return this.code;
+    }
+    const code = this.getCodeFromAppSource(app) || this.getCodeFromCache() || await this.fetchCodeFromRemote(app);
+    this.code = code;
+    return code;
+  }
+  /**
+   * 检查并链接基础应用样式
+   * @param styleElement 样式元素
+   * @param app 应用实例
+   * @returns 是否已链接基础样式
+   */
+  linkedBaseStyle(styleElement, app) {
+    if (!(app.container instanceof ShadowRoot) && styleElement.textContent && appCache.getBaseAppStyle(styleElement.textContent)) {
+      this.clearStyleElement(styleElement);
+      styleElement.setAttribute(STYLE_ATTRIBUTES.LINKED_FROM_BASE, "true");
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 重置包装规则
+   */
+  resetPackRule(rule, prefix, packName) {
+    const result = this.scopeRule(Array.from(rule.cssRules), prefix);
+    return `@${packName} ${rule.conditionText} {${result}}`;
+  }
+  /**
+   * 重置URL地址
+   */
+  resetUrlHost(cssText, uri, linkPath) {
+    let baseURI = uri;
+    return cssText.replace(CSS_SELECTORS.URL_PATTERN, (text, matchedUrl) => {
+      if (CSS_SELECTORS.DATA_BLOB_PROTOCOL.test(matchedUrl) || CSS_SELECTORS.HTTP_PROTOCOL.test(matchedUrl)) {
+        return text;
       }
-      if (key === "body") {
-        return proxyBody;
+      if (CSS_SELECTORS.RELATIVE_PATH.test(matchedUrl) && linkPath) {
+        baseURI = this.buildBaseURI(linkPath);
       }
-      const result = Reflect.get(rawDocument, key);
-      if (typeof result === "function") {
-        return result.bind(rawDocument);
+      return `url("${fillUpPath(matchedUrl, baseURI)}")`;
+    });
+  }
+  /**
+   * css rule 处理
+   */
+  scopeRule(rules, cssPrefix) {
+    let result = "";
+    for (const rule of rules) {
+      switch (rule.type) {
+        case 1 /* STYLE_RULE */:
+          result += this.scopeStyleRule(rule, cssPrefix);
+          break;
+        case 4 /* MEDIA_RULE */:
+          result += this.resetPackRule(rule, cssPrefix, PACK_RULE_NAMES.MEDIA);
+          break;
+        case 12 /* SUPPORTS_RULE */:
+          result += this.resetPackRule(rule, cssPrefix, PACK_RULE_NAMES.SUPPORTS);
+          break;
+        default:
+          result += rule.cssText;
+          break;
       }
-      return result;
-    }
-  });
-};
-
-// src/context/event.ts
-function rewriteDocumentAndBodyEvent() {
-  const { addEventListener, removeEventListener } = window.document;
-  const { addEventListener: bodyAddEventListener, removeEventListener: bodyRemoveEventListener } = window.document.body;
-  const documentListenerMap = /* @__PURE__ */ new Map();
-  document.addEventListener = function(type, listener, options) {
-    const app = getCurrentRunningApp();
-    if (app?.keepAlive) {
-      const listeners = documentListenerMap.get(type) || [];
-      documentListenerMap.set(type, [...listeners, listener]);
     }
-    addEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
-  };
-  document.body.addEventListener = document.addEventListener;
-  document.removeEventListener = function(type, listener, options) {
-    const app = getCurrentRunningApp();
-    if (app?.keepAlive) {
-      const listeners = documentListenerMap.get(type) || [];
-      if (listeners.length && listeners.some((l) => l === listener)) {
-        listeners.splice(listeners.indexOf(listener), 1);
-      }
+    return result.replace(/^\s+/, "");
+  }
+  /**
+   * style rule 处理
+   */
+  scopeStyleRule(rule, prefix) {
+    const { cssText, selectorText } = rule;
+    if (CSS_SELECTORS.ROOT_SELECTOR.test(selectorText)) {
+      return cssText.replace(CSS_SELECTORS.ROOT_SELECTOR, prefix);
     }
-    removeEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
-  };
-  document.body.removeEventListener = document.removeEventListener;
-  function resetDocumentAndBodyEvent() {
-    const app = getCurrentRunningApp();
-    if (app?.keepAlive && documentListenerMap.values()) {
-      Array.from(documentListenerMap.entries()).forEach(([type, listeners]) => {
-        listeners?.forEach((listener) => {
-          document.removeEventListener.call(document, type, listener);
-        });
-      });
+    if (selectorText === "*") {
+      return cssText.replace("*", `${prefix} *`);
     }
-    document.addEventListener = addEventListener;
-    document.body.addEventListener = bodyAddEventListener;
-    document.removeEventListener = removeEventListener;
-    document.body.removeEventListener = bodyRemoveEventListener;
-    documentListenerMap.clear();
+    return cssText.replace(
+      /^[\s\S]+{/,
+      (selectors) => selectors.replace(/(^|,)([^,]+)/g, (all, delimiter, selector) => {
+        if (CSS_SELECTORS.BUILT_IN_ROOT_SELECTOR.test(selector)) {
+          return all.replace(CSS_SELECTORS.BUILT_IN_ROOT_SELECTOR, prefix);
+        }
+        return `${delimiter} ${prefix} ${selector.replace(/^\s*/, "")}`;
+      })
+    );
   }
-  return {
-    resetDocumentAndBodyEvent
-  };
-}
-
-// src/context/function.ts
-var CLASS_REGEX = /^class\b/;
-var COMMON_CONTRUCT_FU_REGEX = /^function\b\s[A-Z].*/;
-var ConstructFunCacheMap = /* @__PURE__ */ new WeakMap();
-function isConstructFun(fn) {
-  if (fn.prototype?.constructor === fn && Object.getOwnPropertyNames(fn.prototype).length > 1) {
-    return true;
-  }
-  if (ConstructFunCacheMap.has(fn)) {
-    return ConstructFunCacheMap.get(fn);
-  }
-  const constructable = COMMON_CONTRUCT_FU_REGEX.test(fn.toString()) || CLASS_REGEX.test(fn.toString());
-  ConstructFunCacheMap.set(fn, constructable);
-  return constructable;
-}
-var functionBoundedValueMap = /* @__PURE__ */ new WeakMap();
-function bindFunctionToRawWindow(rawWindow, value) {
-  if (functionBoundedValueMap.has(value)) {
-    return functionBoundedValueMap.get(value);
-  }
-  if (typeof value === "function" && !isConstructFun(value)) {
-    const boundValue = Function.prototype.bind.call(value, rawWindow);
-    for (const key in value) {
-      boundValue[key] = value[key];
-    }
-    if (value.hasOwnProperty("prototype") && !boundValue.hasOwnProperty("prototype")) {
-      Object.defineProperty(boundValue, "prototype", { enumerable: false, value: value.prototype, writable: true });
-    }
-    if (typeof value.toString === "function") {
-      const valueHasInstanceToString = value.hasOwnProperty("toString") && !boundValue.hasOwnProperty("toString");
-      const boundValueHasPrototypeToString = boundValue.toString === Function.prototype.toString;
-      if (valueHasInstanceToString || boundValueHasPrototypeToString) {
-        const originToStringDescriptor = Object.getOwnPropertyDescriptor(
-          valueHasInstanceToString ? value : Function.prototype,
-          "toString"
-        );
-        Object.defineProperty(boundValue, "toString", {
-          ...originToStringDescriptor,
-          ...originToStringDescriptor?.get ? null : { value: () => value.toString() }
-        });
+  /**
+   * link style 处理
+   */
+  scopedLinkCSS(app, linkElement) {
+    const styleElement = this.createStyleElement();
+    styleElement.setAttribute("type", STYLE_ATTRIBUTES.TYPE);
+    const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
+    setMarkElement(styleElement, app, needKeepAlive);
+    const container = needKeepAlive ? document.head : app.container;
+    try {
+      if (this.code) {
+        this.handleExistingCode(styleElement, app, container, linkElement);
+      } else if (linkElement.getAttribute("href")) {
+        this.handleHrefAttribute(styleElement, app, container, linkElement);
+      } else {
+        this.handleMissingHref(styleElement, app, container, linkElement);
       }
+    } catch {
+      linkElement && dispatchLinkOrScriptError(linkElement);
     }
-    functionBoundedValueMap.set(value, boundValue);
-    return boundValue;
+    return styleElement;
   }
-  return value;
-}
-
-// src/context/window.ts
-function rewriteWindowFunction(fakeWindow) {
-  const windowEventLisenerMap = /* @__PURE__ */ new Map();
-  const intervalTimerList = [];
-  const rawWindow = window;
-  const { addEventListener, clearInterval: clearInterval2, removeEventListener, setInterval: setInterval2 } = window;
-  fakeWindow.addEventListener = (type, listener, options) => {
-    windowEventLisenerMap.set(type, [...windowEventLisenerMap.get(type) || [], listener]);
-    addEventListener.call(rawWindow, type, listener, options);
-  };
-  fakeWindow.removeEventListener = (type, listener, options) => {
-    const listenerList = windowEventLisenerMap.get(type);
-    if (listenerList?.length) {
-      const index = listenerList.indexOf(listener);
-      index > -1 && listenerList.splice(index, 1);
-    }
-    removeEventListener.call(rawWindow, type, listener, options);
-  };
-  fakeWindow.setInterval = (handler, timeout, ...args) => {
-    const timer = setInterval2.call(rawWindow, handler, timeout, ...args);
-    intervalTimerList.push(timer);
-    return timer;
-  };
-  fakeWindow.clearInterval = (timer) => {
-    const index = intervalTimerList.indexOf(timer);
-    index > -1 && intervalTimerList.splice(index, 1);
-    clearInterval2.call(rawWindow, timer);
-  };
-  function resetWindowFunction() {
-    if (windowEventLisenerMap.size) {
-      windowEventLisenerMap.forEach((listenerList, type) => {
-        listenerList.forEach((listener) => removeEventListener.call(rawWindow, type, listener));
-      });
-      windowEventLisenerMap.clear();
+  /**
+   * 隔离 style
+   */
+  scopedStyleCSS(app, styleElement) {
+    const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
+    setMarkElement(styleElement, app, needKeepAlive);
+    if (this.code || styleElement.textContent) {
+      this.processExistingContent(styleElement, app);
+    } else {
+      this.observeContentChanges(styleElement, app);
     }
-    if (intervalTimerList.length) {
-      intervalTimerList.forEach((timer) => {
-        clearInterval2.call(rawWindow, timer);
-      });
+    if (this.url) {
+      styleElement.setAttribute(STYLE_ATTRIBUTES.ORIGIN_SRC, this.url);
     }
+    return styleElement;
   }
-  return {
-    resetWindowFunction
-  };
-}
-
-// src/context/sandbox.ts
-var SandBox = class {
-  constructor(app) {
-    this.app = app;
-    const windowDescriptorSet = /* @__PURE__ */ new Set();
-    const rawWindow = window;
-    this.rawWindow = rawWindow;
-    this.rawDocument = createProxyDocument(document, app);
-    const fakeWindow = /* @__PURE__ */ Object.create({});
-    fakeWindow.__BK_WEWEB_APP_KEY__ = app.appCacheKey;
-    fakeWindow.__POWERED_BY_BK_WEWEB__ = true;
-    fakeWindow.rawDocument = document;
-    fakeWindow.rawWindow = rawWindow;
-    fakeWindow.__proto__ = Window;
-    this.fakeWindow = fakeWindow;
-    const { resetWindowFunction } = rewriteWindowFunction(this.fakeWindow);
-    this.resetWindowFunction = resetWindowFunction;
-    this.windowSymbolKey = `__${(app.name || app.appCacheKey).replace(/(-|,|:|~|'|")/gim, "_")}_${random(
-      10
-    )}__`;
-    this.proxyWindow = new Proxy(this.fakeWindow, {
-      // Object.defineProperty(window, key, Descriptor)
-      defineProperty: (target, key, value) => {
-        if (windowDescriptorSet.has(key)) {
-          return Reflect.defineProperty(rawWindow, key, value);
-        }
-        return Reflect.defineProperty(target, key, value);
-      },
-      deleteProperty: (target, key) => {
-        if (Object.hasOwn(target, key)) {
-          this.sameRawWindowKeySet.has(key) && this.sameRawWindowKeySet.delete(key);
-          this.inRawWindowKeySet.has(key) && Reflect.deleteProperty(rawWindow, key);
-          return Reflect.deleteProperty(target, key);
-        }
-        return true;
-      },
-      get: (target, key) => {
-        if (key === Symbol.unscopables || windowNativeFuncMap.has(key)) return rawWindow[key];
-        if (DEV_MICRO_APP_WINDOE_KEY_MAP[key]) return this.fakeWindow[key];
-        if (WINDOW_ALIAS_LIST.includes(key)) return this.proxyWindow;
-        if (key === "document") {
-          app.registerRunningApp();
-          return this.rawDocument;
-        }
-        if (key === "eval") {
-          app.registerRunningApp();
-          return eval;
-        }
-        if (BK_WEWEB_LOCATION_KEY_LIST.includes(key) && this.app instanceof MicroAppModel && this.app.iframe && this.app.scopeLocation) {
-          return this.app.iframe.contentWindow?.[key];
-        }
-        if (key === "hasOwnProperty")
-          return (key2) => Object.hasOwn(this.fakeWindow, key2) || Object.hasOwn(rawWindow, key2);
-        if (key === "top" || key === "parent") {
-          if (rawWindow === rawWindow.parent) {
-            return this.proxyWindow;
-          }
-          return Reflect.get(rawWindow, key);
-        }
-        if (key === "getComputedStyle") {
-          return (element, pseudoElt) => {
-            if (element instanceof Element) {
-              return rawWindow.getComputedStyle(element, pseudoElt);
-            }
-            return rawWindow.getComputedStyle(document.body, pseudoElt);
-          };
-        }
-        if (Reflect.has(target, key) || BK_WEWEB_INJECT_KEY_LIST.includes(key)) return Reflect.get(target, key);
-        const rawValue = Reflect.get(rawWindow, key);
-        return bindFunctionToRawWindow(rawWindow, rawValue);
-      },
-      getOwnPropertyDescriptor: (target, key) => {
-        if (Object.hasOwn(target, key)) {
-          return Object.getOwnPropertyDescriptor(target, key);
-        }
-        if (Object.hasOwn(rawWindow, key)) {
-          windowDescriptorSet.add(key);
-          const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
-          if (descriptor && !descriptor.configurable) {
-            descriptor.configurable = true;
-          }
-          return descriptor;
-        }
-        return void 0;
-      },
-      has: (target, key) => windowNativeFuncMap.has(key) || key in target || key in rawWindow,
-      // Object.getOwnPropertyNames(window)
-      ownKeys: (target) => Array.from(new Set(Reflect.ownKeys(rawWindow).concat(Reflect.ownKeys(target)))),
-      set: (target, key, value) => {
-        if (this.active) {
-          if (BK_WEWEB_LOCATION_KEY_LIST.includes(key) && this.app instanceof MicroAppModel && this.app.iframe && this.app.scopeLocation) {
-            return Reflect.set(this.app.iframe.contentWindow, key, value);
-          }
-          if (key === "location") {
-            Reflect.set(rawWindow, key, value);
-          } else if (!Object.hasOwn(target, key) && Object.hasOwn(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
-            const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
-            const { configurable, enumerable, writable } = descriptor;
-            if (writable) {
-              Object.defineProperty(target, key, {
-                configurable,
-                enumerable,
-                value,
-                writable
-              });
-              this.sameRawWindowKeySet.add(key);
-            }
-          } else {
-            Reflect.set(target, key, value);
-            this.sameRawWindowKeySet.add(key);
-          }
-          if (WINDOW_WHITE_LIST.includes(key) && !Reflect.has(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
-            Reflect.set(rawWindow, key, value);
-            this.inRawWindowKeySet.add(key);
-          }
-        }
-        return true;
-      }
-    });
-    rawWindow[this.windowSymbolKey] = this.proxyWindow;
-  }
-  active = false;
-  inRawWindowKeySet = /* @__PURE__ */ new Set();
-  resetDocumentAndBodyEvent;
-  resetWindowFunction;
-  sameRawWindowKeySet = /* @__PURE__ */ new Set();
-  fakeWindow;
-  proxyDocument;
-  proxyWindow;
-  rawDocument;
-  rawWindow;
-  windowSymbolKey;
   /**
-   *
-   * @param data data for sandbox
-   * @description active hook for sandbox
+   * 应用隔离 style
    */
-  activated(data) {
-    if (!this.active) {
-      this.active = true;
-      this.rawDocument = createProxyDocument(document, this.app);
-      this.fakeWindow.__BK_WEWEB_DATA__ = data ?? {};
-      const { resetDocumentAndBodyEvent } = rewriteDocumentAndBodyEvent();
-      this.resetDocumentAndBodyEvent = resetDocumentAndBodyEvent;
-    }
+  applyScopedCSS(styleElement, app) {
+    const cssStyleSheet = new CSSStyleSheet({ disabled: true });
+    cssStyleSheet.replaceSync(styleElement.textContent || this.code);
+    const rules = Array.from(cssStyleSheet?.cssRules ?? []);
+    const cssPrefix = `#${app.name}`;
+    const scopedCss = this.scopeRule(rules, cssPrefix);
+    const cssText = this.resetUrlHost(scopedCss, app.url, this.url);
+    styleElement.textContent = cssText;
+    this.scopedCode = cssText;
+  }
+  applyUnscopedCSS(styleElement, app) {
+    const cssText = this.resetUrlHost(styleElement.textContent || this.code || "", app.url, this.url);
+    if (cssText && app.container instanceof ShadowRoot) {
+      this.handleShadowRootFonts(cssText, app);
+    }
+    styleElement.textContent = cssText.replace(CSS_SELECTORS.ROOT_HOST_PATTERN, ":host");
   }
   /**
-   *
-   * @description decativated hook for sandbox
+   * 处理ShadowRoot中的字体
    */
-  deactivated() {
-    if (!this.active) return;
-    this.active = false;
-    this.resetWindowFunction();
-    for (const key of this.inRawWindowKeySet) {
-      Reflect.deleteProperty(window, key);
-    }
-    this.inRawWindowKeySet.clear();
-    this.resetDocumentAndBodyEvent?.();
-  }
-};
-
-// src/utils/custom.ts
-var ELEMENT_TARGET_NAME = ["currentTarget", "srcElement", "target"];
-function defineEventSourceElement(element, eventName = "custom") {
-  return Object.defineProperties(
-    new CustomEvent(eventName),
-    ELEMENT_TARGET_NAME.reduce((props, name) => {
-      props[name] = {
-        get() {
-          return element;
-        }
-      };
-      return props;
-    }, {})
-  );
-}
-function dispatchLinkOrScriptLoad(element) {
-  const event = defineEventSourceElement(element, "load");
-  if (typeof element.onload === "function") {
-    element.onload(event);
-    return;
-  }
-  element.dispatchEvent(event);
-}
-function dispatchLinkOrScriptError(element) {
-  const event = defineEventSourceElement(element, "error");
-  if (typeof element.onerror === "function") {
-    element.onerror(event);
-    return;
-  }
-  element.dispatchEvent(event);
-}
-
-// src/utils/element.ts
-var { appendChild: bodyAppendChild } = HTMLBodyElement.prototype;
-function resetNewElement(parent, child, app) {
-  if (child instanceof HTMLStyleElement) {
-    if (child.hasAttribute("exclude")) {
-      return document.createComment("\u3010bk-weweb\u3011style with exclude attribute is ignored");
-    }
-    if (child.textContent) {
-      if (!(app.container instanceof ShadowRoot) && appCache.getBaseAppStyle(child.textContent)) {
-        return document.createComment("\u3010bk-weweb\u3011style is effective in base app");
-      }
-    }
-    if (!child.hasAttribute("ignore")) {
-      const styleInstance = new Style({
-        code: child.textContent || "",
-        fromHtml: false,
-        url: ""
-      });
-      app.source?.setStyle(randomUrl(), styleInstance);
-      styleInstance.scopedStyleCSS(app, child);
-    }
-    return child;
-  }
-  if (child instanceof HTMLLinkElement) {
-    const result = app.source?.collectLink(child, parent, true);
-    if (!result) return child;
-    if (result.style) {
-      result.style.scopedLinkCSS(app, child);
+  handleShadowRootFonts(cssText, app) {
+    let fontContent = "";
+    const fontFaces = cssText.match(CSS_SELECTORS.FONT_FACE) || [];
+    for (const fontFace of fontFaces) {
+      fontContent += `${fontFace}
+`;
     }
-    if (result.replace !== child) {
-      return result.replace;
+    const rawDocument = app.sandBox?.rawDocument;
+    if (rawDocument && fontContent) {
+      const fontStyle = rawDocument.createElement("style");
+      fontStyle.setAttribute("type", STYLE_ATTRIBUTES.TYPE);
+      fontStyle.setAttribute("powered-by", STYLE_ATTRIBUTES.POWERED_BY);
+      fontStyle.textContent = fontContent;
+      rawDocument?.head?.append(fontStyle);
     }
-    return child;
   }
-  if (child instanceof HTMLScriptElement) {
-    const replaceInfo = app.source.collectScript(child, parent, true);
-    if (!replaceInfo) {
-      return child;
-    }
-    if (replaceInfo.script) {
-      replaceInfo.script.executeCode(app);
-    }
-    if (replaceInfo.replace !== child) {
-      return replaceInfo.replace;
-    }
-    if (app.scopeJs && !child.getAttribute("src") && !child.textContent) {
-      const observer = new MutationObserver(() => {
-        if (child.getAttribute("src")) {
-          observer.disconnect();
-          const scriptInfo = app.source.collectScript(child, parent, true);
-          if (scriptInfo?.replace) {
-            bodyAppendChild.call(app.container, scriptInfo.replace);
-          }
-          if (isJsonpUrl(child.getAttribute("src"))) {
-            app.container?.append(child);
-            return;
-          }
-          if (scriptInfo?.script) {
-            scriptInfo.script.executeCode(app);
-          }
-          child.remove();
-        } else if (child.textContent) {
-          observer.disconnect();
-          const scriptInstance = new Script({
-            async: false,
-            code: child.textContent,
-            defer: child.type === "module",
-            fromHtml: false,
-            isModule: child.type === "module"
-          });
-          app.source.scripts.set(randomUrl(), scriptInstance);
-          try {
-            scriptInstance.executeCode(app);
-          } catch (e) {
-            console.error(e);
-          } finally {
-            !scriptInstance.isModule && dispatchLinkOrScriptLoad(child);
-            child.remove();
-          }
-        }
-      });
-      observer.observe(child, { attributeFilter: ["src"], childList: true, subtree: false });
-      return document.createComment("\u3010bk-weweb\u3011dynamic script or module");
+  getCodeFromAppSource(app) {
+    if (this.url && app?.source?.styles?.has(this.url)) {
+      return app.source.styles.get(this.url)?.code || "";
     }
-    return child;
+    return "";
   }
-  return child;
-}
-function isSpecialElement(node) {
-  return node instanceof HTMLScriptElement || node instanceof HTMLStyleElement || node instanceof HTMLLinkElement;
-}
-function elementAppendHandler(parent, newChild, rawMethod) {
-  if (newChild.__BK_WEWEB_APP_KEY__) {
-    const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
-    if (app?.container) {
-      const targetChild = resetNewElement(parent, newChild, app);
-      const needKeepAlive = isSpecialElement(newChild) && !!app.keepAlive && !(app.container instanceof ShadowRoot);
-      const container = needKeepAlive ? document.head : app?.container;
-      setMarkElement(targetChild, app, needKeepAlive);
-      return rawMethod.call(container, targetChild);
+  getCodeFromCache() {
+    if (this.url && appCache.getCacheStyle(this.url)) {
+      const style = appCache.getCacheStyle(this.url);
+      return style?.code || "";
     }
+    return "";
   }
-  return rawMethod.call(parent, newChild);
-}
-function elementInsertHandler(parent, newChild, passiveChild, rawMethod) {
-  if (newChild.__BK_WEWEB_APP_KEY__) {
-    const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
-    if (app?.container) {
-      const needKeepAlive = isSpecialElement(newChild) && app.keepAlive && !(app.container instanceof ShadowRoot);
-      const container = needKeepAlive ? document.head : app?.container;
-      const targetChild = resetNewElement(parent, newChild, app);
-      if (needKeepAlive) {
-        setMarkElement(targetChild, app, needKeepAlive);
-      }
-      if (passiveChild && !container.contains(passiveChild)) {
-        return bodyAppendChild.call(container, targetChild);
-      }
-      return rawMethod.call(container, targetChild, passiveChild);
-    }
+  async fetchCodeFromRemote(app) {
+    return await fetchSource(this.url, {}, app).catch(() => "");
   }
-  return rawMethod.call(parent, newChild, passiveChild);
-}
-function setMarkElement(element, app, keepAlive) {
-  if (keepAlive && app) {
-    element.__KEEP_ALIVE__ = app.appCacheKey;
-    element.setAttribute("data-from", app.name);
-    element.setAttribute("data-keep-alive", "true");
+  clearStyleElement(styleElement) {
+    styleElement.textContent = "";
+    styleElement.innerHTML = "";
   }
-  element.setAttribute?.("powered-by", "bk-weweb");
-  return element;
-}
-
-// src/utils/fetch.ts
-function fetchSource(url, options = {}, app) {
-  if (typeof app?.fetchSource === "function") {
-    return app.fetchSource(url, options).catch(() => "");
+  buildBaseURI(linkPath) {
+    const pathArr = linkPath.split("/");
+    pathArr.pop();
+    return addUrlProtocol(`${pathArr.join("/")}/`);
   }
-  if (src_default.fetchSource) {
-    return src_default.fetchSource(url, options);
-  }
-  return window.fetch(url, options).then((res) => res.text());
-}
-
-// src/entry/style.ts
-var Style = class {
-  code = "";
-  fromHtml;
-  initial;
-  prefetch = false;
-  preload = false;
-  scoped;
-  scopedCode = "";
-  url;
-  constructor({ code, fromHtml, initial, prefetch, preload, url }) {
-    this.scoped = false;
-    this.code = code;
-    this.prefetch = prefetch ?? false;
-    this.preload = preload ?? false;
-    this.url = url;
-    this.fromHtml = fromHtml;
-    this.initial = initial ?? false;
+  handleExistingCode(styleElement, app, container, linkElement) {
+    this.commonScoped(styleElement, app);
+    container?.prepend(styleElement);
+    linkElement && dispatchLinkOrScriptLoad(linkElement);
   }
   /**
-   * @param styleElement 样式node
-   * @param app 应用实例
+   * 处理href属性
    */
-  commonScoped(styleElement, app) {
-    if (app.scopeCss && !(app.container instanceof ShadowRoot)) {
-      const cssStyleSheet = new CSSStyleSheet({ disabled: true });
-      cssStyleSheet.replaceSync(styleElement.textContent || this.code);
-      const rules = Array.from(cssStyleSheet?.cssRules ?? []);
-      const cssPrefix = `#${app.name}`;
-      const scopedCss = this.scopeRule(rules, cssPrefix);
-      const cssText = this.resetUrlHost(scopedCss, app.url, this.url);
-      styleElement.textContent = cssText;
-      this.scopedCode = cssText;
-    } else {
-      const cssText = this.resetUrlHost(styleElement.textContent || this.code || "", app.url, this.url);
-      if (cssText && app.container instanceof ShadowRoot) {
-        let fontContent = "";
-        for (const fontFace of cssText.match(/@font-face\s*\{[^}]+\}/g) || []) {
-          fontContent += `${fontFace}
-`;
-        }
-        const rawDocument = app.sandBox?.rawDocument;
-        if (rawDocument && fontContent) {
-          const fontStyle = rawDocument.createElement("style");
-          fontStyle.setAttribute("type", "text/css");
-          fontStyle.setAttribute("powered-by", "bk-weweb");
-          fontStyle.textContent = fontContent;
-          rawDocument?.head?.append(fontStyle);
-        }
-      }
-      styleElement.textContent = cssText.replace(/(:?:root|html)/gm, ":host");
-    }
-    this.scoped = true;
-  }
-  createStyleElement() {
-    const styleElement = document.createElement("style");
-    if (styleElement.__BK_WEWEB_APP_KEY__) {
-      styleElement.__BK_WEWEB_APP_KEY__ = void 0;
-    }
-    return styleElement;
+  handleHrefAttribute(styleElement, app, container, linkElement) {
+    this.url = fillUpPath(linkElement.getAttribute("href"), app.url);
+    this.getCode(app).then(() => {
+      this.scopedStyleCSS(app, styleElement);
+      linkElement.remove();
+      container?.prepend(styleElement);
+      linkElement && dispatchLinkOrScriptLoad(linkElement);
+      this.scoped = true;
+    });
   }
   /**
-   * @param app 应用实例
-   * @returns 返回执行后的style标签
+   * 处理缺失的href
    */
-  async executeCode(app) {
-    app.registerRunningApp();
-    let styleElement = this.createStyleElement();
-    styleElement.setAttribute("type", "text/css");
-    styleElement.textContent = this.code;
-    try {
-      if (!this.code) await this.getCode(app);
-      styleElement = this.scopedStyleCSS(app, styleElement);
-      this.scoped = true;
-    } catch (e) {
-      console.error("scoped style error", e);
-    }
-    return styleElement;
-  }
-  async getCode(app) {
-    if (this.code.length || !this.url) {
-      return this.code;
-    }
-    let code = "";
-    if (app?.source?.styles?.has(this.url)) {
-      code = app.source.styles.get(this.url)?.code || "";
-    }
-    if (!code && appCache.getCacheStyle(this.url)) {
-      const style = appCache.getCacheStyle(this.url);
-      code = style?.code || "";
-    }
-    if (!code) {
-      code = await fetchSource(this.url, {}, app).catch(() => "");
-    }
-    this.code = code;
-    return code;
-  }
-  // 主应用已生效的样式 不再应用在子应用
-  linkedBaseStyle(styleElement, app) {
-    if (!(app.container instanceof ShadowRoot) && styleElement.textContent && appCache.getBaseAppStyle(styleElement.textContent)) {
-      styleElement.textContent = "";
-      styleElement.innerHTML = "";
-      styleElement.setAttribute("linked-from-base", "true");
-      return true;
-    }
-    return false;
-  }
-  resetPackRule(rule, prefix, packName) {
-    const result = this.scopeRule(Array.from(rule.cssRules), prefix);
-    return `@${packName} ${rule.conditionText} {${result}}`;
-  }
-  resetUrlHost(cssText, uri, linkPath) {
-    let baseURI = uri;
-    return cssText.replace(/url\(["']?([^)"']+)["']?\)/gm, (text, $1) => {
-      if (/^(data|blob):/.test($1) || /^(https?:)?\/\//.test($1)) {
-        return text;
-      }
-      if (/^((\.\.?\/)|[^/])/.test($1) && linkPath) {
-        const pathArr = linkPath.split("/");
-        pathArr.pop();
-        baseURI = addUrlProtocol(`${pathArr.join("/")}/`);
-      }
-      return `url("${fillUpPath($1, baseURI)}")`;
+  handleMissingHref(styleElement, app, container, linkElement) {
+    const observer = new MutationObserver(() => {
+      const href = linkElement.getAttribute("href");
+      if (!href) return;
+      observer.disconnect();
+      this.url = fillUpPath(href, app.url);
+      this.getCode(app).then(() => {
+        this.scopedStyleCSS(app, styleElement);
+        linkElement.remove();
+        container?.prepend(styleElement);
+        linkElement && dispatchLinkOrScriptLoad(linkElement);
+        this.scoped = true;
+      });
     });
+    const observerConfig = {
+      attributeFilter: ["href"],
+      childList: false,
+      subtree: false
+    };
+    observer.observe(linkElement, observerConfig);
   }
-  scopeRule(rules, cssPrefix) {
-    let result = "";
-    for (const rule of rules) {
-      switch (rule.type) {
-        case 1 /* STYLE_RULE */:
-          result += this.scopeStyleRule(rule, cssPrefix);
-          break;
-        case 4 /* MEDIA_RULE */:
-          result += this.resetPackRule(rule, cssPrefix, "media");
-          break;
-        case 12 /* SUPPORTS_RULE */:
-          result += this.resetPackRule(rule, cssPrefix, "supports");
-          break;
-        default:
-          result += rule.cssText;
-          break;
-      }
-    }
-    return result.replace(/^\s+/, "");
-  }
-  scopeStyleRule(rule, prefix) {
-    const { cssText, selectorText } = rule;
-    if (/^((html[\s>~,]+body)|(html|body|:root))$/.test(selectorText)) {
-      return cssText.replace(/^((html[\s>~,]+body)|(html|body|:root))/, prefix);
+  processExistingContent(styleElement, app) {
+    if (styleElement.textContent) {
+      this.clearStyleElement(styleElement);
     }
-    if (selectorText === "*") {
-      return cssText.replace("*", `${prefix} *`);
+    if (!this.linkedBaseStyle(styleElement, app)) {
+      this.commonScoped(styleElement, app);
     }
-    const builtInRootSelectorRE = /(^|\s+)((html[\s>~]+body)|(html|body|:root))(?=[\s>~]+|$)/;
-    return cssText.replace(
-      /^[\s\S]+{/,
-      (selectors) => selectors.replace(/(^|,)([^,]+)/g, (all, $1, $2) => {
-        if (builtInRootSelectorRE.test($2)) {
-          return all.replace(builtInRootSelectorRE, prefix);
-        }
-        return `${$1} ${prefix} ${$2.replace(/^\s*/, "")}`;
-      })
-    );
   }
-  scopedLinkCSS(app, linkElement) {
-    const styleElement = this.createStyleElement();
-    styleElement.setAttribute("type", "text/css");
-    const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
-    setMarkElement(styleElement, app, needKeepAlive);
-    const container = needKeepAlive ? document.head : app.container;
-    try {
-      if (this.code) {
+  observeContentChanges(styleElement, app) {
+    const observer = new MutationObserver(() => {
+      if (!(styleElement.textContent || styleElement.sheet?.cssRules?.length)) return;
+      observer.disconnect();
+      if (!this.linkedBaseStyle(styleElement, app)) {
         this.commonScoped(styleElement, app);
-        container?.prepend(styleElement);
-        linkElement && dispatchLinkOrScriptLoad(linkElement);
-      } else if (linkElement.getAttribute("href")) {
-        this.url = fillUpPath(linkElement.getAttribute("href"), app.url);
-        this.getCode(app).then(() => {
-          this.scopedStyleCSS(app, styleElement);
-          linkElement.remove();
-          container?.prepend(styleElement);
-          linkElement && dispatchLinkOrScriptLoad(linkElement);
-          this.scoped = true;
-        });
-      } else {
-        const observer = new MutationObserver(() => {
-          if (!linkElement.href) return;
-          observer.disconnect();
-          this.url = fillUpPath(linkElement.getAttribute("href"), app.url);
-          this.getCode(app).then(() => {
-            this.scopedStyleCSS(app, styleElement);
-            linkElement.remove();
-            container?.prepend(styleElement);
-            linkElement && dispatchLinkOrScriptLoad(linkElement);
-            this.scoped = true;
-          });
-        });
-        observer.observe(linkElement, { attributeFilter: ["href"], childList: false, subtree: false });
-      }
-    } catch {
-      linkElement && dispatchLinkOrScriptError(linkElement);
-    }
-    return styleElement;
-  }
-  scopedStyleCSS(app, styleElement) {
-    const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
-    setMarkElement(styleElement, app, needKeepAlive);
-    if (this.code || styleElement.textContent) {
-      if (styleElement.textContent) {
-        styleElement.textContent = "";
-        styleElement.innerHTML = "";
       }
-      if (this.linkedBaseStyle(styleElement, app)) return styleElement;
-      this.commonScoped(styleElement, app);
-    } else {
-      const observer = new MutationObserver(() => {
-        if (!(styleElement.textContent || styleElement.sheet?.cssRules?.length)) return;
-        observer.disconnect();
-        if (!this.linkedBaseStyle(styleElement, app)) {
-          this.commonScoped(styleElement, app);
-        }
-      });
-      observer.observe(styleElement, { attributes: false, characterData: true, childList: true, subtree: true });
-    }
-    this.url && styleElement.setAttribute("origin-src", this.url);
-    return styleElement;
+    });
+    const observerConfig = {
+      attributes: false,
+      characterData: true,
+      childList: true,
+      subtree: true
+    };
+    observer.observe(styleElement, observerConfig);
   }
 };
 async function executeAppStyles(app, container) {
-  const styleList = Array.from(app.source.styles.values());
+  const styleList = Array.from(app.source?.styles?.values() || []);
   const promiseList = [];
   for (const style of styleList) {
     promiseList.push(style.executeCode(app));
@@ -1023,38 +619,26 @@ async function executeAppStyles(app, container) {
 }
 
 // src/mode/instance.ts
+var DEFAULT_RANDOM_LENGTH = 5;
+var WRAPPER_SUFFIX = "-wrapper";
 var MicroInstanceModel = class {
-  state = "UNSET" /* UNSET */;
-  // 当前实例状态
+  state = AppState.UNSET;
   appCacheKey;
-  // 缓存key
   container;
-  // 容器
   data;
-  // 数据
+  fetchSource;
   initSource;
-  // 初始资源
   isPreLoad = false;
-  // 是否预加载
   keepAlive;
-  // 是否缓存
   name;
-  // 名称
   sandBox;
-  // 沙箱
   scopeCss = true;
-  // 是否隔离样式
   scopeJs = false;
-  // 是否隔离js
   showSourceCode = true;
-  // 是否显示源码
   source;
-  // 入口资源
   url;
-  // url
-  fetchSource;
   constructor(props) {
-    this.name = props.id !== props.url ? props.id : random(5);
+    this.name = props.id !== props.url ? props.id : random(DEFAULT_RANDOM_LENGTH);
     this.appCacheKey = props.id || this.name;
     this.url = props.url;
     this.container = props.container ?? void 0;
@@ -1064,106 +648,178 @@ var MicroInstanceModel = class {
     this.keepAlive = props.keepAlive ?? false;
     this.data = props.data ?? {};
     this.initSource = props.initSource ?? [];
-    if (this.scopeJs) {
-      this.sandBox = new SandBox(this);
-    }
     this.fetchSource = props.fetchSource;
+    this.initializeSandBox();
   }
+  /** 激活微模块 */
   activated(container, callback) {
     this.isPreLoad = false;
-    this.state = "ACTIVATED" /* ACTIVATED */;
+    this.state = AppState.ACTIVATED;
     if (this.container && container) {
-      if (container instanceof Element) container?.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
-      const fragment = document.createDocumentFragment();
-      for (const node of Array.from(this.container.childNodes)) {
-        fragment.appendChild(node);
-      }
-      container.appendChild(fragment);
+      this.setContainerAttribute(container);
+      this.transferNodes(container);
       this.container = container;
+      this.initShadowRootContainer();
       this.sandBox?.activated();
-      const scriptInfo = this.source?.getScript(this.url);
+      const scriptInfo = this.getScriptInfo();
       callback?.(this, scriptInfo?.exportInstance);
     }
   }
+  /** 停用微模块 */
   deactivated() {
-    this.state = "DEACTIVATED" /* DEACTIVATED */;
+    this.state = AppState.DEACTIVATED;
     this.sandBox?.deactivated();
   }
+  /** 挂载微模块 */
   mount(container, callback) {
     this.isPreLoad = false;
     this.container = container ?? this.container;
-    this.state = "MOUNTING" /* MOUNTING */;
-    if (this.container instanceof HTMLElement) {
-      this.container?.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
-    }
-    this.container.innerHTML = "";
-    const instanceWrap = document.createElement("div");
-    const wrapId = `${this.name}-wrapper`;
-    instanceWrap.setAttribute("id", wrapId);
-    if (this.source?.styles.size) {
-      executeAppStyles(this, this.container);
-    }
-    this.container.appendChild(instanceWrap);
+    this.initShadowRootContainer();
+    this.state = AppState.MOUNTING;
+    this.setContainerAttribute(this.container);
+    this.setupContainer();
+    this.executeStyles();
     this.sandBox?.activated();
     execAppScripts(this).finally(() => {
-      this.state = "MOUNTED" /* MOUNTED */;
-      const scriptInfo = this.source?.getScript(this.url);
-      if (typeof scriptInfo?.exportInstance?.render === "function") {
-        scriptInfo.exportInstance.render(instanceWrap, this.data);
-      }
+      this.state = AppState.MOUNTED;
+      this.renderInstance();
+      const scriptInfo = this.getScriptInfo();
       callback?.(this, scriptInfo?.exportInstance);
     });
   }
+  /** 错误处理 */
   onError() {
-    this.state = "ERROR" /* ERROR */;
+    this.state = AppState.ERROR;
   }
+  /** 挂载处理 */
   onMount() {
     if (this.isPreLoad) return;
-    this.state = "LOADED" /* LOADED */;
+    this.state = AppState.LOADED;
     this.mount();
   }
+  /** 注册运行中的应用 */
   registerRunningApp() {
     setCurrentRunningApp(this);
     Promise.resolve().then(() => setCurrentRunningApp(null));
   }
+  /** 启动微模块 */
   async start() {
-    if (!this.source || ["ERROR" /* ERROR */, "UNSET" /* UNSET */].includes(this.status)) {
+    if (!this.source || this.needsReload()) {
       this.source = new EntrySource(this.url);
       await this.source.importEntry(this);
     }
   }
+  /** 卸载微模块 */
   unmount(needDestroy) {
-    this.state = "UNMOUNT" /* UNMOUNT */;
+    this.state = AppState.UNMOUNT;
     this.sandBox?.deactivated();
-    needDestroy && appCache.deleteApp(this.url);
-    this.container.innerHTML = "";
-    this.container = void 0;
+    if (needDestroy) {
+      appCache.deleteApp(this.url);
+    }
+    if (this.container) {
+      this.container.innerHTML = "";
+      this.container = void 0;
+    }
+  }
+  /** 初始化ShadowRoot容器 */
+  initShadowRootContainer() {
+    if (this.container instanceof ShadowRoot) {
+      Object.defineProperties(this.container, {
+        getBoundingClientRect: {
+          get() {
+            return this.host.getBoundingClientRect;
+          }
+        }
+      });
+    }
   }
-  set status(v) {
-    this.state = v;
+  set status(value) {
+    this.state = value;
   }
   get status() {
     return this.state;
   }
+  /** 初始化沙盒 */
+  initializeSandBox() {
+    if (this.scopeJs) {
+      this.sandBox = new SandBox(this);
+    }
+  }
+  /** 设置容器属性 */
+  setContainerAttribute(container) {
+    if (container instanceof HTMLElement) {
+      container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
+    }
+  }
+  /** 转移节点到新容器 */
+  transferNodes(container) {
+    if (!this.container) return;
+    const fragment = document.createDocumentFragment();
+    const nodeList = Array.from(this.container.childNodes);
+    for (const node of nodeList) {
+      fragment.appendChild(node);
+    }
+    container.appendChild(fragment);
+  }
+  /** 设置容器 */
+  setupContainer() {
+    if (this.container) {
+      this.container.innerHTML = "";
+      const instanceWrapper = this.createInstanceWrapper();
+      this.container.appendChild(instanceWrapper);
+    }
+  }
+  /** 执行样式 */
+  executeStyles() {
+    if (this.source?.styles.size && this.container) {
+      executeAppStyles(this, this.container);
+    }
+  }
+  /** 创建实例包装器 */
+  createInstanceWrapper() {
+    const wrapper = document.createElement("div");
+    wrapper.id = `${this.name}${WRAPPER_SUFFIX}`;
+    return wrapper;
+  }
+  /** 渲染实例 */
+  renderInstance() {
+    const scriptInfo = this.getScriptInfo();
+    if (scriptInfo?.exportInstance?.render && this.container) {
+      const targetContainer = this.container.querySelector(`#${this.name}${WRAPPER_SUFFIX}`);
+      if (targetContainer) {
+        scriptInfo.exportInstance.render(targetContainer, this.data);
+      }
+    }
+  }
+  /** 获取脚本信息 */
+  getScriptInfo() {
+    const script = this.source?.getScript(this.url);
+    return script ? { exportInstance: script.exportInstance } : void 0;
+  }
+  /** 检查是否需要重新加载 */
+  needsReload() {
+    return this.status === AppState.ERROR || this.status === AppState.UNSET;
+  }
 };
 
 // src/entry/script.ts
 var firstGlobalProp;
 var secondGlobalProp;
 var lastGlobalProp;
+var STRICT_MODE_REGEX = /^"use\sstrict";$/gim;
 var Script = class {
   async = false;
   code = "";
   defer = false;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   exportInstance;
   fromHtml;
+  blobUrl;
   initial;
   isModule = false;
   scoped;
   url;
   constructor({ async, code, defer, fromHtml, initial, isModule, url }) {
-    this.code = code;
+    this.code = code?.replace(STRICT_MODE_REGEX, "");
     this.async = async;
     this.defer = defer;
     this.isModule = isModule;
@@ -1171,12 +827,9 @@ var Script = class {
     this.scoped = false;
     this.fromHtml = fromHtml ?? false;
     this.initial = initial ?? false;
+    this.blobUrl = void 0;
   }
-  /**
-   * @param app 应用
-   * @param needReplaceScriptElement 是否需要替换script标签
-   * @returns 返回执行后的script标签或注释
-   */
+  /** 执行脚本代码 */
   async executeCode(app, needReplaceScriptElement = false) {
     try {
       if (!this.code) await this.getCode(app);
@@ -1184,9 +837,29 @@ var Script = class {
         const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
         noteGlobalProps(globalWindow);
       }
-      let scopedCode = this.code;
-      scopedCode = this.transformCode(app);
-      if (app.showSourceCode || this.isModule) {
+      const scopedCode = this.transformCode(app);
+      if (this.isModule) {
+        app.registerRunningApp();
+        const scriptElement = document.createElement("script");
+        let blobUrl = "";
+        if (scriptElement.__BK_WEWEB_APP_KEY__) {
+          scriptElement.__BK_WEWEB_APP_KEY__ = void 0;
+        }
+        if (this.url) {
+          blobUrl = `${this.url.replace(/^\//, `${app.url}/`)}?key=${Date.now()}`;
+        } else {
+          const blob = new Blob([scopedCode], { type: "text/javascript" });
+          blobUrl = URL.createObjectURL(blob);
+        }
+        scriptElement.src = blobUrl;
+        scriptElement.type = "module";
+        if (needReplaceScriptElement) return scriptElement;
+        const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
+        const container = needKeepAlive ? document.head : app.container;
+        setMarkElement(scriptElement, app, needKeepAlive);
+        container.appendChild(scriptElement);
+        URL.revokeObjectURL(blobUrl);
+      } else if (app.showSourceCode) {
         const scriptElement = document.createElement("script");
         if (scriptElement.__BK_WEWEB_APP_KEY__) {
           scriptElement.__BK_WEWEB_APP_KEY__ = void 0;
@@ -1204,200 +877,954 @@ var Script = class {
       }
       if (app instanceof MicroInstanceModel) {
         const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
-        const exportProp = getGlobalProp(globalWindow);
+        const isIifeVar = !!this.code.replace(/\/\*[\s\S]*?\*\//g, "").match(/^\s*var\s/);
+        const exportProp = getGlobalProp(globalWindow, isIifeVar);
         if (exportProp) {
           this.exportInstance = globalWindow[exportProp];
           if (!app.scopeJs) {
-            delete globalWindow[exportProp];
+            const descriptor = Object.getOwnPropertyDescriptor(globalWindow, exportProp);
+            if (descriptor?.configurable) {
+              delete globalWindow[exportProp];
+            }
           }
         }
       }
-    } catch (e) {
-      console.error("execute script code error", e);
+    } catch (error) {
+      console.error("execute script code error", error);
+    }
+    return;
+  }
+  /** 内存脚本执行 */
+  executeMemoryScript(app, scopedCode) {
+    try {
+      const isScopedLocation = app instanceof MicroAppModel && app.scopeLocation;
+      app.registerRunningApp();
+      new Function("window", "location", "history", scopedCode)(
+        app.sandBox.proxyWindow || window,
+        isScopedLocation ? app.iframe.contentWindow.location : window.location,
+        isScopedLocation ? app.iframe.contentWindow.history : window.history
+      );
+    } catch (error) {
+      console.error(error);
+    }
+  }
+  /** 脚本标签执行 */
+  executeSourceScript(scriptElement, scopedCode) {
+    if (this.isModule) {
+      scriptElement.src = `${this.url}?key=${Date.now()}`;
+      scriptElement.setAttribute("type", "module");
+    } else {
+      scriptElement.textContent = scopedCode;
+    }
+    this.url && scriptElement.setAttribute("origin-src", this.url);
+  }
+  /** 获取脚本内容 */
+  async getCode(app) {
+    if (this.code.length || !this.url || this.isModule) {
+      return this.code;
+    }
+    let code = "";
+    if (app?.source?.getScript(this.url)) {
+      code = app.source.getScript(this.url)?.code || "";
+    }
+    if (!code && appCache.getCacheScript(this.url)) {
+      code = appCache.getCacheScript(this.url)?.code || "";
+    }
+    if (!code) {
+      code = await fetchSource(this.url, {}, app).catch((error) => {
+        console.error(`fetch script ${this.url} error`, error);
+        return "";
+      });
+    }
+    code = code.replace(STRICT_MODE_REGEX, "");
+    this.code = code;
+    return code;
+  }
+  setCode(code) {
+    this.code = code;
+  }
+  /** 转换脚本内容 */
+  transformCode(app) {
+    const sourceMapUrl = this.url ? `//# sourceURL=${this.url}
+` : "";
+    if (app.sandBox) {
+      if (this.isModule) {
+        if (this.url) {
+          return this.code;
+        }
+        const importList = this.code.match(/import\s*.*(?:from)?\s*"([^"]+)";/gm);
+        for (const item of importList || []) {
+          this.code = this.code.replace(item, item.replace(/"\//, `"${app.url}/`).replace(/"$/, `?key=${Date.now()}"`));
+        }
+        return `
+        ${this.code};
+        `;
+      }
+      if (app.showSourceCode) {
+        return `;(function(window, self, globalThis){
+                  with(window){
+                    ${getGlobalContextCode()}
+
+                    ${this.code}
+
+                    ${sourceMapUrl}
+                  }
+                }).call(window['${app.sandBox.windowSymbolKey}'],
+                  window['${app.sandBox.windowSymbolKey}'], window['${app.sandBox.windowSymbolKey}'], window['${app.sandBox.windowSymbolKey}']);`;
+      }
+      return `
+          with(window) {
+            try {
+              ${getGlobalContextCode()}
+
+                ${this.code}
+
+                ${sourceMapUrl}
+              }
+              catch(e) {
+                console.error(e)
+              }
+            }
+      `;
+    }
+    return this.code;
+  }
+};
+function shouldSkipProperty(global, property) {
+  const globalWindow = global;
+  return (
+    // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
+    !global.hasOwnProperty(property) || !Number.isNaN(property) && property < global.length || typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1 && Boolean(globalWindow[property]) && typeof window !== "undefined" && globalWindow[property]?.parent === window
+  );
+}
+function getGlobalProp(global, useFirstGlobalProp) {
+  let cnt = 0;
+  let foundLastProp;
+  let result;
+  for (const property in global) {
+    if (shouldSkipProperty(global, property)) continue;
+    if (cnt === 0 && property !== firstGlobalProp || cnt === 1 && property !== secondGlobalProp) {
+      return property;
+    }
+    if (foundLastProp) {
+      lastGlobalProp = property;
+      result = useFirstGlobalProp && result || property;
+    } else {
+      foundLastProp = property === lastGlobalProp;
+    }
+    cnt += 1;
+  }
+  return result;
+}
+function noteGlobalProps(global) {
+  secondGlobalProp = void 0;
+  firstGlobalProp = secondGlobalProp;
+  for (const property in global) {
+    if (shouldSkipProperty(global, property)) continue;
+    if (!firstGlobalProp) {
+      firstGlobalProp = property;
+    } else if (!secondGlobalProp) {
+      secondGlobalProp = property;
+    }
+    lastGlobalProp = property;
+  }
+  return lastGlobalProp;
+}
+async function execAppScripts(app) {
+  const appScriptList = Array.from(app.source.scripts.values()).filter((script) => script.fromHtml || script.initial);
+  const commonList = appScriptList.filter(
+    (script) => !script.async && !script.defer || script.isModule && !script.fromHtml
+  );
+  await Promise.all(commonList.map((script) => script.getCode(app)));
+  await Promise.all(commonList.map((script) => script.executeCode(app)));
+  const deferScriptList = [];
+  const asyncScriptList = [];
+  for (const script of appScriptList) {
+    if (script.defer || script.async) {
+      if (!script.code && script.defer) {
+        deferScriptList.push(script.executeCode(app));
+      } else {
+        asyncScriptList.push(script.executeCode(app));
+      }
+    }
+  }
+  await Promise.all([...asyncScriptList, ...deferScriptList]).catch((error) => {
+    console.error(error);
+  });
+}
+
+// src/utils/element.ts
+var { appendChild: bodyAppendChild } = HTMLBodyElement.prototype;
+var handleStyleElement = (child, app) => {
+  if (child.hasAttribute("exclude")) {
+    return document.createComment("\u3010bk-weweb\u3011style with exclude attribute is ignored");
+  }
+  if (child.textContent) {
+    if (!(app.container instanceof ShadowRoot) && appCache.getBaseAppStyle(child.textContent)) {
+      return document.createComment("\u3010bk-weweb\u3011style is effective in base app");
+    }
+  }
+  if (!child.hasAttribute("ignore")) {
+    const styleInstance = new Style({
+      code: child.textContent || "",
+      fromHtml: false,
+      url: ""
+    });
+    app.source?.setStyle(randomUrl(), styleInstance);
+    styleInstance.scopedStyleCSS(app, child);
+  }
+  return child;
+};
+var handleLinkElement = (child, parent, app) => {
+  const result = app.source?.collectLink(child, parent, true);
+  if (!result) return child;
+  if (result.style) {
+    result.style.scopedLinkCSS(app, child);
+  }
+  return result.replace !== child ? result.replace : child;
+};
+var createScriptObserver = (child, parent, app) => {
+  const observer = new MutationObserver(() => {
+    if (child.getAttribute("src")) {
+      observer.disconnect();
+      const scriptInfo = app.source.collectScript(child, parent, true);
+      if (scriptInfo?.replace) {
+        bodyAppendChild.call(app.container, scriptInfo.replace);
+      }
+      if (isJsonpUrl(child.getAttribute("src"))) {
+        app.container?.append(child);
+        return;
+      }
+      if (scriptInfo?.script) {
+        scriptInfo.script.executeCode(app);
+      }
+      child.remove();
+    } else if (child.textContent) {
+      observer.disconnect();
+      const scriptInstance = new Script({
+        async: false,
+        code: child.textContent,
+        defer: child.type === "module",
+        fromHtml: false,
+        isModule: child.type === "module"
+      });
+      app.source.scripts.set(randomUrl(), scriptInstance);
+      try {
+        scriptInstance.executeCode(app);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        if (!scriptInstance.isModule) {
+          dispatchLinkOrScriptLoad(child);
+        }
+        child.remove();
+      }
+    }
+  });
+  return observer;
+};
+var handleScriptElement = (child, parent, app) => {
+  const replaceInfo = app.source.collectScript(child, parent, true);
+  if (!replaceInfo) {
+    return child;
+  }
+  if (replaceInfo.script) {
+    replaceInfo.script.executeCode(app);
+  }
+  if (replaceInfo.replace !== child) {
+    return replaceInfo.replace;
+  }
+  if (app.scopeJs && !child.getAttribute("src") && !child.textContent) {
+    const observer = createScriptObserver(child, parent, app);
+    observer.observe(child, { attributeFilter: ["src"], childList: true, subtree: false });
+    return document.createComment("\u3010bk-weweb\u3011dynamic script or module");
+  }
+  return child;
+};
+var resetNewElement = (parent, child, app) => {
+  if (child instanceof HTMLStyleElement) {
+    return handleStyleElement(child, app);
+  }
+  if (child instanceof HTMLLinkElement) {
+    return handleLinkElement(child, parent, app);
+  }
+  if (child instanceof HTMLScriptElement) {
+    return handleScriptElement(child, parent, app);
+  }
+  return child;
+};
+var isSpecialElement = (node) => {
+  return node instanceof HTMLScriptElement || node instanceof HTMLStyleElement || node instanceof HTMLLinkElement;
+};
+var getTargetContainer = (app, isSpecial) => {
+  const needKeepAlive = isSpecial && !!app.keepAlive && !(app.container instanceof ShadowRoot);
+  return needKeepAlive ? document.head : app.container;
+};
+var elementAppendHandler = (parent, newChild, rawMethod) => {
+  if (!newChild.__BK_WEWEB_APP_KEY__) {
+    return rawMethod.call(parent, newChild);
+  }
+  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
+  if (!app?.container) {
+    return rawMethod.call(parent, newChild);
+  }
+  const targetChild = resetNewElement(parent, newChild, app);
+  const isSpecial = isSpecialElement(newChild);
+  const needKeepAlive = isSpecial && !!app.keepAlive && !(app.container instanceof ShadowRoot);
+  const container = getTargetContainer(app, isSpecial);
+  setMarkElement(targetChild, app, needKeepAlive);
+  return rawMethod.call(container, targetChild);
+};
+var elementInsertHandler = (parent, newChild, passiveChild, rawMethod) => {
+  if (!newChild.__BK_WEWEB_APP_KEY__) {
+    return rawMethod.call(parent, newChild, passiveChild);
+  }
+  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
+  if (!app?.container) {
+    return rawMethod.call(parent, newChild, passiveChild);
+  }
+  const isSpecial = isSpecialElement(newChild);
+  const needKeepAlive = isSpecial && app.keepAlive && !(app.container instanceof ShadowRoot);
+  const container = getTargetContainer(app, isSpecial);
+  const targetChild = resetNewElement(parent, newChild, app);
+  if (needKeepAlive) {
+    setMarkElement(targetChild, app, needKeepAlive);
+  }
+  if (passiveChild && !container.contains(passiveChild)) {
+    return bodyAppendChild.call(container, targetChild);
+  }
+  return rawMethod.call(container, targetChild, passiveChild);
+};
+var setMarkElement = (element, app, keepAlive) => {
+  if (keepAlive && app) {
+    element.__KEEP_ALIVE__ = app.appCacheKey;
+    element.setAttribute("data-from", app.name);
+    element.setAttribute("data-keep-alive", "true");
+  }
+  element.setAttribute?.("powered-by", "bk-weweb");
+  return element;
+};
+
+// src/context/document.ts
+var SPECIAL_ELEMENT_TAGS = ["body", "html", "head"];
+var APP_KEY_PROPERTY = "__BK_WEWEB_APP_KEY__";
+function createShadowRootInsertAdjacentHTML(app) {
+  return function shadowRootInsertAdjacentHTML(where, domString) {
+    const temporaryContainer = document.createElement("div");
+    temporaryContainer.innerHTML = domString;
+    const elements = Array.from(temporaryContainer.childNodes);
+    const shadow = app.container;
+    switch (where) {
+      case "beforebegin":
+        for (const item of elements) {
+          shadow.host.parentNode?.insertBefore(item, shadow.host);
+        }
+        break;
+      case "afterbegin":
+        for (const item of elements.reverse()) {
+          shadow.insertBefore(item, shadow.firstChild);
+        }
+        break;
+      case "beforeend":
+        for (const item of elements) {
+          shadow.appendChild(item);
+        }
+        break;
+      case "afterend":
+        for (const item of elements) {
+          shadow.host.parentNode?.insertBefore(item, shadow.host.nextSibling);
+        }
+        break;
+    }
+  };
+}
+function createProxyBody(rawDocument, app) {
+  return new Proxy(
+    {},
+    {
+      get(_, key) {
+        if (app.container instanceof ShadowRoot) {
+          if (key === "insertAdjacentHTML") {
+            return createShadowRootInsertAdjacentHTML(app);
+          }
+          const value2 = Reflect.get(app.container, key);
+          if (typeof value2 === "function") {
+            return value2.bind(app.container);
+          }
+          if (value2 !== void 0) {
+            return value2;
+          }
+        }
+        const value = Reflect.get(rawDocument.body, key);
+        return typeof value === "function" ? value.bind(rawDocument.body) : value;
+      },
+      set(_, key, value) {
+        if (app.container instanceof ShadowRoot) {
+          Reflect.set(app.container, key, value);
+          return true;
+        }
+        Reflect.set(rawDocument.body, key, value);
+        return true;
+      }
+    }
+  );
+}
+function createElementWithAppKey(rawDocument, app) {
+  return function createElement(tagName, options) {
+    const element = rawDocument.createElement(tagName, options);
+    element[APP_KEY_PROPERTY] = app.appCacheKey;
+    if (element instanceof HTMLImageElement) {
+      Object.defineProperty(element, "src", {
+        get() {
+          return element.getAttribute("src");
+        },
+        set(value) {
+          element.setAttribute("src", fillUpPath(value, app.url));
+        }
+      });
+    }
+    return element;
+  };
+}
+function isSpecialElementTag(selector) {
+  return SPECIAL_ELEMENT_TAGS.includes(selector);
+}
+function safeQuerySelector(container, selector) {
+  try {
+    return container?.querySelector(selector) ?? null;
+  } catch {
+    return null;
+  }
+}
+function safeQuerySelectorAll(container, selector) {
+  try {
+    return container?.querySelectorAll(selector) ?? [];
+  } catch {
+    return [];
+  }
+}
+function createProxyQuerySelector(rawDocument, app, proxyBody) {
+  return function querySelectorNew(selectors) {
+    if (selectors === proxyBody) {
+      return app.container instanceof ShadowRoot ? app.container : rawDocument.body;
+    }
+    if (isSpecialElementTag(selectors)) {
+      if (app?.container instanceof ShadowRoot) {
+        return app?.container;
+      }
+      return rawDocument.querySelector.call(this, selectors);
+    }
+    return safeQuerySelector(app?.container, selectors);
+  };
+}
+function createProxyQuerySelectorAll(rawDocument, app) {
+  return function querySelectorAllNew(selectors) {
+    if (isSpecialElementTag(selectors)) {
+      if (app?.container instanceof ShadowRoot) {
+        return [app?.container];
+      }
+      const result = rawDocument.querySelector(selectors);
+      return result ? [result] : [];
+    }
+    return safeQuerySelectorAll(app?.container, selectors);
+  };
+}
+function createProxyGetElementById(rawDocument, querySelector) {
+  return function getElementByIdNew(id) {
+    return querySelector.call(rawDocument, `#${id}`);
+  };
+}
+function createProxyGetElementsByClassName(querySelectorAll) {
+  return function getElementsByClassName(className) {
+    return querySelectorAll(`.${className}`);
+  };
+}
+function createProxyGetElementsByTagName(rawDocument, app, querySelectorAll) {
+  return function getElementsByTagName(tagName) {
+    if (isSpecialElementTag(tagName) || !app?.showSourceCode && tagName.toLowerCase() === "script") {
+      return rawDocument.getElementsByTagName(tagName);
+    }
+    return querySelectorAll(tagName);
+  };
+}
+function createProxyGetElementsByName(querySelectorAll) {
+  return function getElementsByNameNew(name) {
+    return querySelectorAll(`[name="${name}"]`);
+  };
+}
+function createProxyMethodMap(rawDocument, app, proxyBody) {
+  const createElement = createElementWithAppKey(rawDocument, app);
+  const querySelector = createProxyQuerySelector(rawDocument, app, proxyBody);
+  const querySelectorAll = createProxyQuerySelectorAll(rawDocument, app);
+  const getElementById = createProxyGetElementById(rawDocument, querySelector);
+  const getElementsByClassName = createProxyGetElementsByClassName(querySelectorAll);
+  const getElementsByTagName = createProxyGetElementsByTagName(rawDocument, app, querySelectorAll);
+  const getElementsByName = createProxyGetElementsByName(querySelectorAll);
+  return {
+    createElement: createElement.bind(rawDocument),
+    querySelector: querySelector.bind(rawDocument),
+    querySelectorAll: querySelectorAll.bind(rawDocument),
+    getElementById: getElementById.bind(rawDocument),
+    getElementsByClassName: getElementsByClassName.bind(rawDocument),
+    getElementsByTagName: getElementsByTagName.bind(rawDocument),
+    getElementsByName: getElementsByName.bind(rawDocument)
+  };
+}
+var createProxyDocument = (rawDocument, app) => {
+  const fakeDocument = {};
+  const proxyBody = createProxyBody(rawDocument, app);
+  const methodMap = createProxyMethodMap(rawDocument, app, proxyBody);
+  return new Proxy(fakeDocument, {
+    get(_, key) {
+      if (key === "body") {
+        return proxyBody;
+      }
+      if (typeof key === "string" && key in methodMap) {
+        return methodMap[key];
+      }
+      const result = Reflect.get(rawDocument, key);
+      return typeof result === "function" ? result.bind(rawDocument) : result;
+    }
+  });
+};
+
+// src/context/event.ts
+function rewriteDocumentAndBodyEvent() {
+  const { addEventListener, removeEventListener } = window.document;
+  const { addEventListener: bodyAddEventListener, removeEventListener: bodyRemoveEventListener } = window.document.body;
+  const documentListenerMap = /* @__PURE__ */ new Map();
+  document.addEventListener = function(type, listener, options) {
+    const app = getCurrentRunningApp();
+    if (app?.keepAlive) {
+      const listeners = documentListenerMap.get(type) || [];
+      documentListenerMap.set(type, [...listeners, listener]);
+    }
+    addEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
+  };
+  document.body.addEventListener = document.addEventListener;
+  document.removeEventListener = function(type, listener, options) {
+    const app = getCurrentRunningApp();
+    if (app?.keepAlive) {
+      const listeners = documentListenerMap.get(type) || [];
+      if (listeners.length && listeners.some((l) => l === listener)) {
+        listeners.splice(listeners.indexOf(listener), 1);
+      }
+    }
+    removeEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
+  };
+  document.body.removeEventListener = document.removeEventListener;
+  function resetDocumentAndBodyEvent() {
+    const app = getCurrentRunningApp();
+    if (app?.keepAlive && documentListenerMap.values()) {
+      for (const [type, listeners] of documentListenerMap.entries()) {
+        for (const listener of listeners || []) {
+          document.removeEventListener.call(document, type, listener);
+        }
+      }
+    }
+    document.addEventListener = addEventListener;
+    document.body.addEventListener = bodyAddEventListener;
+    document.removeEventListener = removeEventListener;
+    document.body.removeEventListener = bodyRemoveEventListener;
+    documentListenerMap.clear();
+  }
+  return {
+    resetDocumentAndBodyEvent
+  };
+}
+
+// src/context/function.ts
+var CLASS_REGEX = /^class\b/;
+var COMMON_CONSTRUCT_FU_REGEX = /^function\b\s[A-Z].*/;
+var ConstructFunCacheMap = /* @__PURE__ */ new WeakMap();
+function isConstructFun(fn) {
+  if (fn.prototype?.constructor === fn && Object.getOwnPropertyNames(fn.prototype).length > 1) {
+    return true;
+  }
+  if (ConstructFunCacheMap.has(fn)) {
+    return ConstructFunCacheMap.get(fn);
+  }
+  const constructable = COMMON_CONSTRUCT_FU_REGEX.test(fn.toString()) || CLASS_REGEX.test(fn.toString());
+  ConstructFunCacheMap.set(fn, constructable);
+  return constructable;
+}
+var functionBoundedValueMap = /* @__PURE__ */ new WeakMap();
+function bindFunctionToRawWindow(rawWindow, value) {
+  if (functionBoundedValueMap.has(value)) {
+    return functionBoundedValueMap.get(value);
+  }
+  if (typeof value === "function" && !isConstructFun(value)) {
+    const boundValue = Function.prototype.bind.call(value, rawWindow);
+    for (const key in value) {
+      boundValue[key] = value[key];
+    }
+    if (Object.hasOwn(value, "prototype") && !Object.hasOwn(boundValue, "prototype")) {
+      Object.defineProperty(boundValue, "prototype", {
+        enumerable: false,
+        value: value.prototype,
+        writable: true
+      });
+    }
+    if (typeof value.toString === "function") {
+      const valueHasInstanceToString = Object.hasOwn(value, "toString") && !Object.hasOwn(boundValue, "toString");
+      const boundValueHasPrototypeToString = boundValue.toString === Function.prototype.toString;
+      if (valueHasInstanceToString || boundValueHasPrototypeToString) {
+        const originToStringDescriptor = Object.getOwnPropertyDescriptor(
+          valueHasInstanceToString ? value : Function.prototype,
+          "toString"
+        );
+        Object.defineProperty(boundValue, "toString", {
+          ...originToStringDescriptor,
+          ...originToStringDescriptor?.get ? null : { value: () => value.toString() }
+        });
+      }
+    }
+    functionBoundedValueMap.set(value, boundValue);
+    return boundValue;
+  }
+  return value;
+}
+
+// src/context/window.ts
+function rewriteWindowFunction(fakeWindow) {
+  const windowEventListenerMap = /* @__PURE__ */ new Map();
+  const intervalTimerList = [];
+  const rawWindow = window;
+  const { addEventListener, clearInterval: clearInterval2, removeEventListener, setInterval: setInterval2 } = window;
+  fakeWindow.addEventListener = (type, listener, options) => {
+    windowEventListenerMap.set(type, [...windowEventListenerMap.get(type) || [], listener]);
+    addEventListener.call(rawWindow, type, listener, options);
+  };
+  fakeWindow.removeEventListener = (type, listener, options) => {
+    const listenerList = windowEventListenerMap.get(type);
+    if (listenerList?.length) {
+      const index = listenerList.indexOf(listener);
+      index > -1 && listenerList.splice(index, 1);
+    }
+    removeEventListener.call(rawWindow, type, listener, options);
+  };
+  fakeWindow.setInterval = (handler, timeout, ...args) => {
+    const timer = setInterval2(handler, timeout, ...args);
+    intervalTimerList.push(timer);
+    return timer;
+  };
+  fakeWindow.clearInterval = (timer) => {
+    const index = intervalTimerList.indexOf(timer);
+    index > -1 && intervalTimerList.splice(index, 1);
+    clearInterval2.call(rawWindow, timer);
+  };
+  function resetWindowFunction() {
+    if (windowEventListenerMap.size) {
+      windowEventListenerMap.forEach((listenerList, type) => {
+        for (const listener of listenerList) {
+          removeEventListener.call(rawWindow, type, listener);
+        }
+      });
+      windowEventListenerMap.clear();
+    }
+    if (intervalTimerList.length) {
+      for (const timer of intervalTimerList) {
+        clearInterval2.call(rawWindow, timer);
+      }
+    }
+  }
+  return {
+    resetWindowFunction
+  };
+}
+
+// src/context/sandbox.ts
+var SandBox = class {
+  /** 初始化沙箱环境 */
+  constructor(app) {
+    this.app = app;
+    const windowDescriptorSet = /* @__PURE__ */ new Set();
+    const rawWindow = window;
+    this.rawWindow = rawWindow;
+    this.rawDocument = createProxyDocument(document, app);
+    const fakeWindow = /* @__PURE__ */ Object.create({});
+    fakeWindow.__BK_WEWEB_APP_KEY__ = app.appCacheKey;
+    fakeWindow.__POWERED_BY_BK_WEWEB__ = true;
+    fakeWindow.rawDocument = document;
+    fakeWindow.rawWindow = rawWindow;
+    fakeWindow.__proto__ = Window;
+    this.fakeWindow = fakeWindow;
+    const { resetWindowFunction } = rewriteWindowFunction(this.fakeWindow);
+    this.resetWindowFunction = resetWindowFunction;
+    this.windowSymbolKey = `${app.name || app.appCacheKey}`;
+    this.proxyWindow = new Proxy(this.fakeWindow, {
+      defineProperty: (target, key, value) => {
+        if (windowDescriptorSet.has(key)) {
+          return Reflect.defineProperty(rawWindow, key, value);
+        }
+        return Reflect.defineProperty(target, key, value);
+      },
+      deleteProperty: (target, key) => {
+        if (Object.hasOwn(target, key)) {
+          if (this.sameRawWindowKeySet.has(key)) {
+            this.sameRawWindowKeySet.delete(key);
+          }
+          if (this.inRawWindowKeySet.has(key)) {
+            Reflect.deleteProperty(rawWindow, key);
+          }
+          return Reflect.deleteProperty(target, key);
+        }
+        return true;
+      },
+      get: (target, key) => {
+        return this.handleProxyGet(target, key, rawWindow);
+      },
+      getOwnPropertyDescriptor: (target, key) => {
+        if (Object.hasOwn(target, key)) {
+          return Object.getOwnPropertyDescriptor(target, key);
+        }
+        if (Object.hasOwn(rawWindow, key)) {
+          windowDescriptorSet.add(key);
+          const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
+          if (descriptor && !descriptor.configurable) {
+            descriptor.configurable = true;
+          }
+          return descriptor;
+        }
+        return void 0;
+      },
+      has: (target, key) => windowNativeFuncMap.has(key) || key in target || key in rawWindow,
+      ownKeys: (target) => Array.from(new Set(Reflect.ownKeys(rawWindow).concat(Reflect.ownKeys(target)))),
+      set: (target, key, value) => {
+        return this.handleProxySet(target, key, value, rawWindow);
+      }
+    });
+    rawWindow[this.windowSymbolKey] = this.proxyWindow;
+  }
+  /** 沙箱激活状态标识 */
+  active = false;
+  /** 记录在原始 window 上新增的属性键集合 */
+  inRawWindowKeySet = /* @__PURE__ */ new Set();
+  /** 重置文档和 body 事件的函数 */
+  resetDocumentAndBodyEvent;
+  /** 重置 window 函数的方法 */
+  resetWindowFunction;
+  /** 记录与原始 window 相同的属性键集合 */
+  sameRawWindowKeySet = /* @__PURE__ */ new Set();
+  /** 伪造的 window 对象 */
+  fakeWindow;
+  /** 代理的 document 对象 */
+  proxyDocument;
+  /** 代理的 window 对象 */
+  proxyWindow;
+  /** 原始 document 对象 */
+  rawDocument;
+  /** 原始 window 对象 */
+  rawWindow;
+  /** 在 window 上的唯一标识键 */
+  windowSymbolKey;
+  /** 处理代理对象的 get 操作 */
+  handleProxyGet(target, key, rawWindow) {
+    if (key === Symbol.unscopables || windowNativeFuncMap.has(key)) {
+      return rawWindow[key];
+    }
+    if (DEV_MICRO_APP_WINDOW_KEY_MAP[key]) {
+      return this.fakeWindow[key];
+    }
+    if (WINDOW_ALIAS_LIST.includes(key)) {
+      return this.proxyWindow;
+    }
+    if (key === "document") {
+      this.app.registerRunningApp();
+      return this.rawDocument;
+    }
+    if (key === "eval") {
+      this.app.registerRunningApp();
+      return eval;
+    }
+    if (this.shouldUseIframeLocation(key)) {
+      if (this.app instanceof MicroAppModel && this.app.iframe?.contentWindow) {
+        return this.app.iframe.contentWindow[key];
+      }
+      return void 0;
     }
-    return;
-  }
-  // 内存脚本执行
-  executeMemoryScript(app, scopedCode) {
-    try {
-      const isScopedLocation = app instanceof MicroAppModel && app.scopeLocation;
-      app.registerRunningApp();
-      new Function("window", "location", "history", scopedCode)(
-        app.sandBox.proxyWindow,
-        isScopedLocation ? app.iframe.contentWindow.location : window.location,
-        isScopedLocation ? app.iframe.contentWindow.history : window.history
-      );
-    } catch (e) {
-      console.error(e);
+    if (key === "hasOwnProperty") {
+      return (checkKey) => Object.hasOwn(this.fakeWindow, checkKey) || Object.hasOwn(rawWindow, checkKey);
     }
-  }
-  // 脚本标签执行
-  executeSourceScript(scriptElement, scopedCode) {
-    if (this.isModule) {
-      scriptElement.src = `${this.url}?key=${Date.now()}`;
-      scriptElement.setAttribute("type", "module");
-    } else {
-      scriptElement.textContent = scopedCode;
+    if (key === "top" || key === "parent") {
+      if (rawWindow === rawWindow.parent) {
+        return this.proxyWindow;
+      }
+      return Reflect.get(rawWindow, key);
     }
-    this.url && scriptElement.setAttribute("origin-src", this.url);
-  }
-  // 获取脚本内容
-  async getCode(app) {
-    if (this.code.length || !this.url) {
-      return this.code;
+    if (key === "getComputedStyle") {
+      return this.createGetComputedStyleProxy(rawWindow);
     }
-    let code = "";
-    if (app?.source?.getScript(this.url)) {
-      code = app.source.getScript(this.url)?.code || "";
+    if (Reflect.has(target, key) || BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
+      return Reflect.get(target, key);
     }
-    if (!code && appCache.getCacheScript(this.url)) {
-      code = appCache.getCacheScript(this.url)?.code || "";
+    const rawValue = Reflect.get(rawWindow, key);
+    return bindFunctionToRawWindow(rawWindow, rawValue);
+  }
+  /**
+   * 处理代理对象的 set 操作
+   * @description 统一处理代理对象属性设置的复杂逻辑
+   * @param target - 目标对象
+   * @param key - 属性键
+   * @param value - 属性值
+   * @param rawWindow - 原始 window 对象
+   * @returns boolean - 设置是否成功
+   * @private
+   */
+  handleProxySet(target, key, value, rawWindow) {
+    if (!this.active) {
+      return true;
     }
-    if (!code) {
-      code = await fetchSource(this.url, {}, app).catch((e) => {
-        console.error(`fetch script ${this.url} error`, e);
-        return "";
-      });
+    if (this.shouldUseIframeLocation(key)) {
+      const iframe = this.app instanceof MicroAppModel ? this.app.iframe : null;
+      return iframe?.contentWindow ? Reflect.set(iframe.contentWindow, key, value) : true;
     }
-    code = code.replace(/^"use\sstrict";$/gim, "");
-    this.code = code;
-    return code;
+    if (key === "location") {
+      Reflect.set(rawWindow, key, value);
+    } else if (this.shouldSetOnTarget(target, key, rawWindow)) {
+      this.setPropertyOnTarget(target, key, value, rawWindow);
+    } else {
+      Reflect.set(target, key, value);
+      this.sameRawWindowKeySet.add(key);
+    }
+    this.handleWhiteListProperty(key, value, rawWindow);
+    return true;
   }
-  setCode(code) {
-    this.code = code;
+  /**
+   * 判断是否应该使用 iframe 的 location
+   * @description 检查是否在 iframe 模式下访问 location 相关属性
+   * @param key - 属性键
+   * @returns boolean - 是否使用 iframe location
+   * @private
+   */
+  shouldUseIframeLocation(key) {
+    return !!(BK_WEWEB_LOCATION_KEY_LIST.includes(key) && this.app instanceof MicroAppModel && this.app.iframe && this.app.scopeLocation);
   }
-  // 转换脚本内容
-  transformCode(app) {
-    const sourceMapUrl = "";
-    if (app.sandBox) {
-      if (this.isModule) {
-        return ` with(window.${app.sandBox.windowSymbolKey}){
-          ;${this.code}
-
-          ${sourceMapUrl}
-        }`;
-      }
-      if (app.showSourceCode) {
-        return `;(function(window, self, globalThis){
-                  with(window){
-                    ${getGlobalContextCode()}
-
-                    ${this.code}
-
-                    ${sourceMapUrl}
-                  }
-                }).call(window.${app.sandBox.windowSymbolKey},
-                  window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey});`;
+  /**
+   * 创建 getComputedStyle 方法的代理
+   * @description 为 getComputedStyle 方法创建安全的代理实现
+   * @param rawWindow - 原始 window 对象
+   * @returns Function - 代理后的 getComputedStyle 方法
+   * @private
+   */
+  createGetComputedStyleProxy(rawWindow) {
+    return (element, pseudoElt) => {
+      if (element instanceof Element) {
+        return rawWindow.getComputedStyle(element, pseudoElt);
       }
-      return `
-          with(window) {
-            try {
-              ${getGlobalContextCode()}
-
-                ${this.code}
-
-                ${sourceMapUrl}
-              }
-              catch(e) {
-                console.error(e)
-              }
-            }
-      `;
+      return rawWindow.getComputedStyle(document.body, pseudoElt);
+    };
+  }
+  /**
+   * 判断是否应该在目标对象上设置属性
+   * @description 检查属性设置的逻辑条件
+   * @param target - 目标对象
+   * @param key - 属性键
+   * @param rawWindow - 原始 window 对象
+   * @returns boolean - 是否在目标对象上设置
+   * @private
+   */
+  shouldSetOnTarget(target, key, rawWindow) {
+    return !Object.hasOwn(target, key) && Object.hasOwn(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key);
+  }
+  /**
+   * 在目标对象上设置属性
+   * @description 安全地在目标对象上设置属性，保持描述符特性
+   * @param target - 目标对象
+   * @param key - 属性键
+   * @param value - 属性值
+   * @param rawWindow - 原始 window 对象
+   * @private
+   */
+  setPropertyOnTarget(target, key, value, rawWindow) {
+    const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
+    if (!descriptor) {
+      return;
+    }
+    const { configurable, enumerable, writable } = descriptor;
+    if (writable) {
+      Object.defineProperty(target, key, {
+        configurable,
+        enumerable,
+        value,
+        writable
+      });
+      this.sameRawWindowKeySet.add(key);
     }
-    return this.code;
   }
-};
-function shouldSkipProperty(global, p) {
-  return (
-    // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
-    !global.hasOwnProperty(p) || !Number.isNaN(p) && p < global.length || typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1 && global[p] && typeof window !== "undefined" && global[p].parent === window
-  );
-}
-function getGlobalProp(global, useFirstGlobalProp) {
-  let cnt = 0;
-  let foundLastProp;
-  let result;
-  for (const p in global) {
-    if (shouldSkipProperty(global, p)) continue;
-    if (cnt === 0 && p !== firstGlobalProp || cnt === 1 && p !== secondGlobalProp) return p;
-    if (foundLastProp) {
-      lastGlobalProp = p;
-      result = useFirstGlobalProp && result || p;
-    } else {
-      foundLastProp = p === lastGlobalProp;
+  /**
+   * 处理白名单属性
+   * @description 处理需要在原始 window 上设置的白名单属性
+   * @param key - 属性键
+   * @param value - 属性值
+   * @param rawWindow - 原始 window 对象
+   * @private
+   */
+  handleWhiteListProperty(key, value, rawWindow) {
+    if (WINDOW_WHITE_LIST.includes(key) && !Reflect.has(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
+      Reflect.set(rawWindow, key, value);
+      this.inRawWindowKeySet.add(key);
     }
-    cnt += 1;
   }
-  return result;
-}
-function noteGlobalProps(global) {
-  secondGlobalProp = void 0;
-  firstGlobalProp = secondGlobalProp;
-  for (const p in global) {
-    if (shouldSkipProperty(global, p)) continue;
-    if (!firstGlobalProp) firstGlobalProp = p;
-    else if (!secondGlobalProp) secondGlobalProp = p;
-    lastGlobalProp = p;
+  /**
+   * 激活沙箱
+   * @description 启动沙箱环境，初始化代理对象和事件处理
+   * @param data - 传递给沙箱的数据（可选）
+   */
+  activated(data) {
+    if (!this.active) {
+      this.active = true;
+      this.rawDocument = createProxyDocument(document, this.app);
+      this.fakeWindow.__BK_WEWEB_DATA__ = data ?? {};
+      const { resetDocumentAndBodyEvent } = rewriteDocumentAndBodyEvent();
+      this.resetDocumentAndBodyEvent = resetDocumentAndBodyEvent;
+    }
   }
-  return lastGlobalProp;
-}
-async function execAppScripts(app) {
-  const appScriptList = Array.from(app.source.scripts.values()).filter((script) => script.fromHtml || script.initial);
-  const commonList = appScriptList.filter((script) => !script.async && !script.defer || script.isModule);
-  await Promise.all(commonList.map((script) => script.getCode(app)));
-  await Promise.all(commonList.map((script) => script.executeCode(app)));
-  const deferScriptList = [];
-  const asyncScriptList = [];
-  for (const script of appScriptList) {
-    if (script.defer || script.async) {
-      if (!script.code && script.defer) {
-        deferScriptList.push(script.executeCode(app));
-      } else asyncScriptList.push(script.executeCode(app));
+  /**
+   * 停用沙箱
+   * @description 关闭沙箱环境，清理所有副作用和修改
+   */
+  deactivated() {
+    if (!this.active) return;
+    this.active = false;
+    this.resetWindowFunction();
+    for (const key of this.inRawWindowKeySet) {
+      Reflect.deleteProperty(window, key);
     }
+    this.inRawWindowKeySet.clear();
+    this.resetDocumentAndBodyEvent?.();
   }
-  await Promise.all([...asyncScriptList, ...deferScriptList]).catch((e) => {
-    console.error(e);
-  });
-}
+};
 
 // src/mode/app.ts
-var BLANK_ORIGN = "about:blank";
+var IFRAME_CONSTANTS = {
+  BLANK_ORIGIN: "about:blank",
+  STYLE_HIDDEN: "display: none;",
+  CHROME_USER_AGENT: "Chrome",
+  DEFAULT_HTML: "<head></head><body></body>",
+  POLLING_INTERVAL: 0
+};
+var DEFAULT_RANDOM_LENGTH2 = 5;
 var MicroAppModel = class {
-  state = "UNSET" /* UNSET */;
-  // 状态
+  state = AppState.UNSET;
   container;
-  // 容器
   data;
-  // 数据
   iframe = null;
-  // scoped iframe
   initSource;
-  // 初始资源
   isModuleApp = false;
-  // 是否预加载
   isPreLoad = false;
-  // 是否缓存
   keepAlive;
   mode = "app" /* APP */;
-  // 名称
   name;
-  // 沙箱
   sandBox;
-  // 是否隔离样式
   scopeCss;
-  // 是否隔离js
   scopeJs;
-  // 是否隔离location
   scopeLocation;
-  // 是否显示源码
   showSourceCode;
-  // 入口资源
   source;
-  // url
   url;
-  // 是否是esm应用
   constructor(props) {
-    this.name = props.id !== props.url ? props.id : random(5);
+    this.name = props.id !== props.url ? props.id || random(DEFAULT_RANDOM_LENGTH2) : random(DEFAULT_RANDOM_LENGTH2);
     this.mode = props.mode ?? "app" /* APP */;
     this.container = props.container ?? void 0;
     this.showSourceCode = props.showSourceCode ?? false;
@@ -1409,71 +1836,40 @@ var MicroAppModel = class {
     this.isPreLoad = props.isPreLoad ?? false;
     this.keepAlive = props.keepAlive ?? false;
     this.initSource = props.initSource ?? [];
-    if (this.scopeJs) {
-      this.sandBox = new SandBox(this);
-    }
-    if (this.container instanceof HTMLElement) {
-      this.container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
-    }
+    this.initializeSandBox();
+    this.setContainerAttribute();
   }
-  // 激活
+  /** 激活微应用 */
   activated(container, callback) {
     this.isPreLoad = false;
-    this.state = "ACTIVATED" /* ACTIVATED */;
-    const app = this;
+    this.state = AppState.ACTIVATED;
     if (container && this.container) {
-      if (container instanceof Element) container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
-      const fragment = document.createDocumentFragment();
-      const list = Array.from(this.container.childNodes);
-      for (const node of list) {
-        node.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
-        Object.defineProperties(node, {
-          ownerDocument: {
-            get() {
-              return app.sandBox?.rawDocument;
-            }
-          }
-        });
-        fragment.appendChild(node);
-      }
-      container.innerHTML = "";
-      container.appendChild(fragment);
+      this.setContainerAttribute(container);
+      this.transferNodes(container);
       this.container = container;
       this.initShadowRootContainer();
       this.sandBox?.activated(this.data);
       callback?.(this);
     }
   }
-  // 创建隔离iframe
+  /** 创建隔离iframe */
   createIframe() {
     return new Promise((resolve) => {
-      const iframe = document.createElement("iframe");
-      const url = new URL(addUrlProtocol(this.url));
-      const isChrome = navigator.userAgent.indexOf("Chrome") > -1;
-      iframe.setAttribute(
-        "src",
-        `${isChrome ? BLANK_ORIGN : location.origin}${url.pathname || "/"}${url.search}${url.hash}`
-      );
-      iframe.style.cssText = "display: none;";
+      const iframe = this.createIframeElement();
       document.body.appendChild(iframe);
-      if (isChrome) {
-        setTimeout(() => resolve(iframe), 0);
+      if (this.isChromeUserAgent()) {
+        setTimeout(() => resolve(iframe), IFRAME_CONSTANTS.POLLING_INTERVAL);
       } else {
-        const interval = setInterval(() => {
-          if (iframe.contentWindow && iframe.contentWindow.location.href !== BLANK_ORIGN) {
-            iframe.contentWindow.stop();
-            iframe.contentDocument.body.parentElement.innerHTML = "<head></head><body></body>";
-            clearInterval(interval);
-            resolve(iframe);
-          }
-        }, 0);
+        this.handleNonChromeIframe(iframe, resolve);
       }
     });
   }
+  /** 停用微应用 */
   deactivated() {
-    this.state = "DEACTIVATED" /* DEACTIVATED */;
+    this.state = AppState.DEACTIVATED;
     this.sandBox?.deactivated();
   }
+  /** 初始化ShadowRoot容器 */
   initShadowRootContainer() {
     if (this.container instanceof ShadowRoot) {
       Object.defineProperties(this.container, {
@@ -1485,51 +1881,41 @@ var MicroAppModel = class {
       });
     }
   }
+  /** 挂载微应用 */
   mount(container, callback) {
     this.isPreLoad = false;
     this.container = container ?? this.container;
     this.initShadowRootContainer();
-    this.state = "MOUNTING" /* MOUNTING */;
-    const app = this;
+    this.state = AppState.MOUNTING;
     if (this.container) {
-      if (this.container instanceof Element) this.container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
-      const clonedNode = this.source.html.cloneNode(true);
-      const fragment = document.createDocumentFragment();
-      for (const node of Array.from(clonedNode.childNodes)) {
-        node.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
-        Object.defineProperties(node, {
-          ownerDocument: {
-            get() {
-              return app.sandBox?.rawDocument;
-            }
-          }
-        });
-        fragment.appendChild(node);
-      }
-      this.container.innerHTML = "";
-      this.container.appendChild(fragment);
+      this.setContainerAttribute(this.container);
+      this.renderAppContent();
       this.sandBox?.activated(this.data);
       execAppScripts(this).finally(() => {
-        this.state = "MOUNTED" /* MOUNTED */;
+        this.state = AppState.MOUNTED;
         callback?.(this);
       });
     }
   }
+  /** 错误处理 */
   onError() {
-    this.state = "ERROR" /* ERROR */;
+    this.state = AppState.ERROR;
   }
+  /** 挂载处理 */
   onMount() {
     if (this.isPreLoad) return;
-    this.state = "LOADED" /* LOADED */;
+    this.state = AppState.LOADED;
     this.mount();
   }
+  /** 注册运行中的微应用 */
   registerRunningApp() {
     setCurrentRunningApp(this);
     Promise.resolve().then(() => setCurrentRunningApp(null));
   }
+  /** 启动微应用 */
   async start() {
-    if (!this.source || ["ERROR" /* ERROR */, "UNSET" /* UNSET */].includes(this.status)) {
-      this.state = "LOADING" /* LOADING */;
+    if (!this.source || this.needsReload()) {
+      this.state = AppState.LOADING;
       if (this.scopeLocation || this.isModuleApp) {
         const iframe = await this.createIframe();
         this.iframe = iframe;
@@ -1538,12 +1924,17 @@ var MicroAppModel = class {
       await this.source.importEntry(this);
     }
   }
+  /** 卸载微应用 */
   unmount(needDestroy = false) {
-    this.state = "UNMOUNT" /* UNMOUNT */;
+    this.state = AppState.UNMOUNT;
     this.sandBox?.deactivated();
-    needDestroy && appCache.deleteApp(this.url);
-    this.container.innerHTML = "";
-    this.container = void 0;
+    if (needDestroy) {
+      appCache.deleteApp(this.url);
+    }
+    if (this.container) {
+      this.container.innerHTML = "";
+      this.container = void 0;
+    }
   }
   get appCacheKey() {
     return this.url;
@@ -1551,77 +1942,159 @@ var MicroAppModel = class {
   get status() {
     return this.state;
   }
-  set status(v) {
-    this.state = v;
+  set status(value) {
+    this.state = value;
+  }
+  /** 初始化沙盒 */
+  initializeSandBox() {
+    if (this.scopeJs) {
+      this.sandBox = new SandBox(this);
+    }
+  }
+  /** 设置容器属性 */
+  setContainerAttribute(container) {
+    const targetContainer = container || this.container;
+    if (targetContainer instanceof HTMLElement) {
+      targetContainer.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
+    }
+  }
+  /** 转移节点到新容器 */
+  transferNodes(container) {
+    if (!this.container) return;
+    const fragment = document.createDocumentFragment();
+    const nodeList = Array.from(this.container.childNodes);
+    for (const node of nodeList) {
+      this.setupNodeProperties(node);
+      fragment.appendChild(node);
+    }
+    container.innerHTML = "";
+    container.appendChild(fragment);
+  }
+  /** 设置节点属性 */
+  setupNodeProperties(node) {
+    const app = this;
+    const nodeWithProps = node;
+    nodeWithProps.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
+    Object.defineProperties(node, {
+      ownerDocument: {
+        get() {
+          return app.sandBox?.rawDocument;
+        }
+      }
+    });
+  }
+  /** 创建iframe元素 */
+  createIframeElement() {
+    const iframe = document.createElement("iframe");
+    const url = new URL(addUrlProtocol(this.url));
+    iframe.src = this.buildIframeSrc(url);
+    iframe.style.cssText = IFRAME_CONSTANTS.STYLE_HIDDEN;
+    return iframe;
+  }
+  /** 构建iframe源地址 */
+  buildIframeSrc(url) {
+    const isChrome = this.isChromeUserAgent();
+    return `${isChrome ? IFRAME_CONSTANTS.BLANK_ORIGIN : location.origin}${url.pathname || "/"}${url.search}${url.hash}`;
+  }
+  /** 检查是否为Chrome浏览器 */
+  isChromeUserAgent() {
+    return navigator.userAgent.includes(IFRAME_CONSTANTS.CHROME_USER_AGENT);
+  }
+  /** 处理非Chrome浏览器iframe */
+  handleNonChromeIframe(iframe, resolve) {
+    const interval = setInterval(() => {
+      if (iframe.contentWindow && iframe.contentWindow.location.href !== IFRAME_CONSTANTS.BLANK_ORIGIN) {
+        iframe.contentWindow.stop();
+        iframe.contentDocument.body.parentElement.innerHTML = IFRAME_CONSTANTS.DEFAULT_HTML;
+        clearInterval(interval);
+        resolve(iframe);
+      }
+    }, IFRAME_CONSTANTS.POLLING_INTERVAL);
+  }
+  /** 渲染应用内容 */
+  renderAppContent() {
+    if (!this.source) return;
+    const clonedNode = this.source.html.cloneNode(true);
+    const fragment = document.createDocumentFragment();
+    for (const node of Array.from(clonedNode.childNodes)) {
+      this.setupNodeProperties(node);
+      fragment.appendChild(node);
+    }
+    this.container.innerHTML = "";
+    this.container.appendChild(fragment);
+  }
+  /** 检查是否需要重新加载 */
+  needsReload() {
+    return this.status === AppState.ERROR || this.status === AppState.UNSET;
   }
 };
 
 // src/utils/load-source.ts
-async function collectSource(soruceList) {
-  let source = [];
-  if (typeof soruceList === "function") {
-    source = await soruceList();
-  } else {
-    source = soruceList || [];
+var JS_FILE_REGEX = /\.js$/;
+var CSS_FILE_REGEX = /\.css$/;
+var createScriptInstance = (url) => {
+  const cachedScript = appCache.getCacheScript(url);
+  return new Script({
+    async: false,
+    code: cachedScript?.code || "",
+    defer: false,
+    fromHtml: false,
+    initial: true,
+    isModule: false,
+    url
+  });
+};
+var createStyleInstance = (url) => {
+  const cachedStyle = appCache.getCacheStyle(url);
+  return new Style({
+    code: cachedStyle?.code || "",
+    fromHtml: true,
+    initial: true,
+    prefetch: false,
+    preload: false,
+    url
+  });
+};
+var processResourceUrl = (url, collectScript, collectStyle) => {
+  try {
+    const urlObj = new URL(url);
+    const { pathname } = urlObj;
+    if (JS_FILE_REGEX.test(pathname)) {
+      collectScript.set(url, createScriptInstance(url));
+    } else if (CSS_FILE_REGEX.test(pathname)) {
+      collectStyle.set(url, createStyleInstance(url));
+    }
+  } catch {
+    console.error(`\u3010bk-weweb\u3011: ${url} is invalid URL`);
   }
+};
+var collectSource = async (sourceList) => {
+  const source = typeof sourceList === "function" ? await sourceList() : sourceList || [];
   if (!source.length) return {};
   const collectScript = /* @__PURE__ */ new Map();
   const collectStyle = /* @__PURE__ */ new Map();
-  source.forEach((str) => {
-    try {
-      const url = new URL(str);
-      if (url.pathname.match(/\.js$/)) {
-        const script = appCache.getCacheScript(str);
-        collectScript.set(
-          str,
-          new Script({
-            async: false,
-            code: script?.code || "",
-            defer: false,
-            fromHtml: false,
-            initial: true,
-            isModule: false,
-            url: str
-          })
-        );
-      } else if (url.pathname.match(/\.css$/)) {
-        const style = appCache.getCacheStyle(str);
-        collectStyle.set(
-          str,
-          new Style({
-            code: style?.code || "",
-            fromHtml: true,
-            initial: true,
-            prefetch: false,
-            preload: false,
-            url: str
-          })
-        );
-      }
-    } catch {
-      console.error(`\u3010bk-weweb\u3011: ${str} is invalid URL`);
+  for (const url of source) {
+    processResourceUrl(url, collectScript, collectStyle);
+  }
+  return { collectScript, collectStyle };
+};
+var loadGlobalSource = async (sourceList) => {
+  const { collectScript, collectStyle } = await collectSource(sourceList);
+  const loadPromises = [];
+  if (collectScript) {
+    for (const [url, script] of collectScript.entries()) {
+      loadPromises.push(script.getCode());
+      appCache.setBaseAppScript(url, script);
     }
-  });
-  return {
-    collectScript,
-    collectStyle
-  };
-}
-async function loadGlobalSource(soruceList) {
-  const { collectScript, collectStyle } = await collectSource(soruceList);
-  const promiseList = [];
-  collectScript && Array.from(collectScript.entries()).forEach((item) => {
-    promiseList.push(item[1].getCode());
-    appCache.setBaseAppScript(...item);
-  });
-  collectStyle && Array.from(collectStyle.entries()).forEach((item) => {
-    promiseList.push(item[1].getCode());
-    appCache.setBaseAppStyle(...item);
-  });
-  await Promise.all(promiseList).catch((e) => {
-    throw e;
-  });
-}
+  }
+  if (collectStyle) {
+    for (const [url, style] of collectStyle.entries()) {
+      loadPromises.push(style.getCode());
+      appCache.setBaseAppStyle(url, style);
+    }
+  }
+  await Promise.all(loadPromises);
+};
 
 // src/entry/entry.ts
 var SCRIPT_TYPE_NAMES = [
@@ -1631,6 +2104,12 @@ var SCRIPT_TYPE_NAMES = [
   "application/ecmascript",
   "module"
 ];
+var ICON_REL_TYPES = ["apple-touch-icon", "icon", "prefetch", "preload", "prerender"];
+var HTML_FILTER_REGEX = {
+  HEAD: /<\/?head>/gim,
+  BODY: /<\/?body>/i,
+  TS_EXTENSION: /\.ts$/
+};
 var EntrySource = class {
   constructor(url) {
     this.url = url;
@@ -1641,101 +2120,211 @@ var EntrySource = class {
   rawHtml;
   scripts;
   styles;
-  collectLink(link, parent, needReplaceELement = false) {
+  /** 收集链接元素 */
+  collectLink = (link, parent, needReplaceElement = false) => {
     if (link.hasAttribute("exclude")) {
-      return { replace: document.createComment("\u3010bk-weweb\u3011style with exclude attribute is ignored") };
+      return {
+        replace: document.createComment("\u3010bk-weweb\u3011style with exclude attribute is ignored")
+      };
     }
     if (link.hasAttribute("ignore")) {
       return { replace: link };
     }
     const rel = link.getAttribute("rel");
-    let href = link.getAttribute("href");
-    let replaceElement;
+    const href = link.getAttribute("href");
     if (rel === "stylesheet" && href) {
-      href = fillUpPath(href, this.url);
-      replaceElement = document.createComment(`\u3010bk-weweb\u3011style with href=${href}`);
-      let styleInstance = this.getStyle(href);
-      if (!styleInstance) {
-        styleInstance = new Style({
-          code: "",
-          fromHtml: !needReplaceELement,
-          prefetch: !!link.getAttribute("prefetch"),
-          preload: !!link.getAttribute("preload"),
-          url: href
-        });
-        this.styles.set(href, styleInstance);
-      }
-      !needReplaceELement && parent.replaceChild(replaceElement, link);
-      return { replace: replaceElement, style: styleInstance };
+      return this.handleStylesheetLink(link, parent, href, needReplaceElement);
     }
-    if (rel && ["apple-touch-icon", "icon", "prefetch", "preload", "prerender"].includes(rel)) {
-      replaceElement = document.createComment(`\u3010bk-weweb\u3011style with rel=${rel}${href ? ` & href=${href}` : ""}`);
-      !needReplaceELement && parent.removeChild(link);
-      return { replace: replaceElement };
+    if (rel && ICON_REL_TYPES.includes(rel)) {
+      return this.handleIconLink(link, parent, rel, href, needReplaceElement);
     }
     if (href) {
       link.setAttribute("href", fillUpPath(href, this.url));
     }
     return { replace: link };
+  };
+  /** 收集脚本元素 */
+  collectScript = (script, parent, needReplaceElement = false) => {
+    if (this.shouldIgnoreScript(script)) {
+      return;
+    }
+    if (script.hasAttribute("exclude")) {
+      return this.handleExcludedScript(script, parent, needReplaceElement);
+    }
+    const src = script.getAttribute("src");
+    if (src) {
+      return this.handleExternalScript(script, parent, src, needReplaceElement);
+    }
+    if (script.textContent) {
+      return this.handleInlineScript(script, parent, needReplaceElement);
+    }
+    return { replace: script };
+  };
+  /** 收集样式和脚本 */
+  collectScriptAndStyle = (parent) => {
+    this.processLinks(parent);
+    this.processStyles(parent);
+    this.processScripts(parent);
+    this.processMetas(parent);
+    this.processImages(parent);
+  };
+  getScript = (url) => this.scripts.get(url);
+  getStyle = (urlOrCode) => {
+    return this.styles.get(urlOrCode) || Array.from(this.styles.values()).find((style) => style.code === urlOrCode);
+  };
+  /** html entry */
+  async importEntry(app) {
+    await this.loadInitialSources(app);
+    if (app instanceof MicroAppModel) {
+      await this.importHtmlEntry(app);
+    } else if (app instanceof MicroInstanceModel) {
+      await this.importInstanceEntry(app);
+    }
+  }
+  /** 微应用入口 */
+  async importHtmlEntry(app) {
+    const htmlStr = await this.fetchHtmlContent(app);
+    if (!htmlStr) {
+      console.error("load app entry error, place check");
+      return Promise.reject();
+    }
+    this.rawHtml = htmlStr;
+    const wrapElement = this.createWrapElement(htmlStr);
+    this.collectScriptAndStyle(wrapElement);
+    await executeAppStyles(app, wrapElement);
+    this.html = wrapElement;
+  }
+  /** 微模块入口 */
+  async importInstanceEntry(app) {
+    const jsStr = await this.fetchJsContent(app);
+    if (!jsStr) {
+      console.error("load app entry error, place check");
+      return Promise.reject();
+    }
+    this.scripts.set(
+      this.url,
+      new Script({
+        async: false,
+        code: jsStr,
+        defer: false,
+        fromHtml: true,
+        isModule: HTML_FILTER_REGEX.TS_EXTENSION.test(this.url),
+        url: this.url
+      })
+    );
   }
-  collectScript(script, parent, needReplaceELement = false) {
-    if (script.hasAttribute("ignore") || script.type !== "module" && isJsonpUrl(script.getAttribute("src")) || script.hasAttribute("type") && !SCRIPT_TYPE_NAMES.includes(script.type)) {
-      return;
+  setScript = (url, script) => {
+    this.scripts.set(url, script instanceof Script ? script : new Script(script));
+  };
+  setStyle = (url, style) => {
+    this.styles.set(url, style);
+  };
+  /** 处理样式表链接 */
+  handleStylesheetLink = (link, parent, href, needReplaceElement) => {
+    const fullHref = fillUpPath(href, this.url);
+    const replaceElement = document.createComment(`\u3010bk-weweb\u3011style with href=${fullHref}`);
+    let styleInstance = this.getStyle(fullHref);
+    if (!styleInstance) {
+      styleInstance = new Style({
+        code: "",
+        fromHtml: !needReplaceElement,
+        prefetch: !!link.getAttribute("prefetch"),
+        preload: !!link.getAttribute("preload"),
+        url: fullHref
+      });
+      this.styles.set(fullHref, styleInstance);
     }
-    let replaceElement = null;
-    if (script.hasAttribute("exclude")) {
-      replaceElement = document.createComment("\u3010bk-weweb\u3011script element with exclude attribute is removed");
-      !needReplaceELement && parent.replaceChild(replaceElement, script);
-      return { replace: replaceElement };
+    if (!needReplaceElement) {
+      parent.replaceChild(replaceElement, link);
     }
-    let src = script.getAttribute("src");
-    if (src) {
-      src = fillUpPath(src, this.url);
-      let scriptInstance = this.getScript(src);
-      if (!scriptInstance) {
-        scriptInstance = new Script({
-          async: script.hasAttribute("async"),
-          code: "",
-          defer: script.defer || script.type === "module",
-          fromHtml: !needReplaceELement,
-          isModule: script.type === "module",
-          url: src
-        });
-        this.scripts.set(src, scriptInstance);
-      }
-      replaceElement = document.createComment(`\u3010bk-weweb\u3011script with src='${src}'`);
-      !needReplaceELement && parent.replaceChild(replaceElement, script);
-      return { replace: replaceElement, script: scriptInstance };
+    return { replace: replaceElement, style: styleInstance };
+  };
+  /**
+   * 处理图标链接
+   */
+  handleIconLink = (link, parent, rel, href, needReplaceElement) => {
+    const replaceElement = document.createComment(`\u3010bk-weweb\u3011style with rel=${rel}${href ? ` & href=${href}` : ""}`);
+    if (!needReplaceElement) {
+      parent.removeChild(link);
     }
-    if (script.textContent) {
-      const nonceStr = randomUrl();
-      const scriptInstance = new Script({
-        async: false,
-        // code: script.textContent.replace(/var\s+(\w+)=/gm, `window.$1 = `),
-        code: script.textContent,
-        defer: script.type === "module",
-        fromHtml: !needReplaceELement,
-        initial: false,
+    return { replace: replaceElement };
+  };
+  /**
+   * 检查是否应该忽略脚本
+   */
+  shouldIgnoreScript = (script) => {
+    return script.hasAttribute("ignore") || // (script.type !== 'module' && isJsonpUrl(script.getAttribute('src'))) ||
+    script.hasAttribute("type") && !SCRIPT_TYPE_NAMES.includes(script.type);
+  };
+  /**
+   * 处理被排除的脚本
+   */
+  handleExcludedScript = (script, parent, needReplaceElement) => {
+    const replaceElement = document.createComment("\u3010bk-weweb\u3011script element with exclude attribute is removed");
+    if (!needReplaceElement) {
+      parent.replaceChild(replaceElement, script);
+    }
+    return { replace: replaceElement };
+  };
+  /**
+   * 处理外部脚本
+   */
+  handleExternalScript = (script, parent, src, needReplaceElement) => {
+    const fullSrc = fillUpPath(src, this.url);
+    let scriptInstance = this.getScript(fullSrc);
+    if (!scriptInstance) {
+      scriptInstance = new Script({
+        async: script.hasAttribute("async"),
+        code: "",
+        defer: script.defer || script.type === "module",
+        fromHtml: !needReplaceElement,
         isModule: script.type === "module",
-        url: nonceStr
+        url: fullSrc
       });
-      this.scripts.set(nonceStr, scriptInstance);
-      replaceElement = document.createComment("\u3010bk-weweb\u3011script with text content");
-      !needReplaceELement && parent.replaceChild(replaceElement, script);
-      return {
-        replace: replaceElement,
-        script: scriptInstance
-      };
+      this.scripts.set(fullSrc, scriptInstance);
     }
-    return { replace: script };
-  }
-  collectScriptAndStyle(parent) {
+    const replaceElement = document.createComment(`\u3010bk-weweb\u3011script with src='${fullSrc}'`);
+    if (!needReplaceElement) {
+      parent.replaceChild(replaceElement, script);
+    }
+    return { replace: replaceElement, script: scriptInstance };
+  };
+  /**
+   * 处理内联脚本
+   */
+  handleInlineScript = (script, parent, needReplaceElement) => {
+    const nonceStr = randomUrl();
+    const scriptInstance = new Script({
+      async: false,
+      code: script.textContent || "",
+      defer: script.type === "module",
+      fromHtml: !needReplaceElement,
+      initial: false,
+      isModule: script.type === "module",
+      url: nonceStr
+    });
+    this.scripts.set(nonceStr, scriptInstance);
+    const replaceElement = document.createComment("\u3010bk-weweb\u3011script with text content");
+    if (!needReplaceElement) {
+      parent.replaceChild(replaceElement, script);
+    }
+    return { replace: replaceElement, script: scriptInstance };
+  };
+  /**
+   * 处理链接元素
+   */
+  processLinks = (parent) => {
     const links = Array.from(parent.querySelectorAll("link"));
-    for (const link of links || []) {
-      this.collectLink(link, link.parentElement);
+    for (const link of links) {
+      link.parentElement && this.collectLink(link, link.parentElement);
     }
+  };
+  /**
+   * 处理样式元素
+   */
+  processStyles = (parent) => {
     const styles = Array.from(parent.querySelectorAll("style"));
-    for (const style of styles || []) {
+    for (const style of styles) {
       if (!style.hasAttribute("exclude") && !style.hasAttribute("ignore")) {
         this.styles.set(
           randomUrl(),
@@ -1748,121 +2337,156 @@ var EntrySource = class {
         style.remove();
       }
     }
+  };
+  /**
+   * 处理脚本元素
+   */
+  processScripts = (parent) => {
     const scripts = Array.from(parent.querySelectorAll("script"));
     for (const script of scripts) {
-      this.collectScript(script, script.parentElement);
+      script.parentElement && this.collectScript(script, script.parentElement);
     }
+  };
+  /**
+   * 处理Meta元素
+   */
+  processMetas = (parent) => {
     const metas = Array.from(parent.querySelectorAll("meta"));
     for (const meta of metas) {
-      meta.parentElement.removeChild(meta);
+      meta.parentElement?.removeChild(meta);
     }
+  };
+  /**
+   * 处理图片元素
+   */
+  processImages = (parent) => {
     const imgs = Array.from(parent.querySelectorAll("img"));
     for (const img of imgs) {
       if (img.hasAttribute("src")) {
-        img.setAttribute("src", fillUpPath(img.getAttribute("src"), this.url));
+        img.setAttribute("src", fillUpPath(img.getAttribute("src") || "", this.url));
       }
     }
-  }
-  getScript(url) {
-    return this.scripts.get(url);
-  }
-  getStyle(urlOrCode) {
-    return this.styles.get(urlOrCode) || Array.from(this.styles.values()).find((style) => style.code === urlOrCode);
-  }
-  async importEntry(app) {
-    if (app.initSource?.length) {
-      const { collectScript, collectStyle } = await collectSource(app.initSource);
-      if (collectScript) {
-        this.scripts = collectScript;
-      }
-      if (collectStyle) {
-        this.styles = collectStyle;
-      }
+  };
+  /**
+   * 加载初始资源
+   */
+  async loadInitialSources(app) {
+    if (!app.initSource?.length) return;
+    const { collectScript, collectStyle } = await collectSource(app.initSource);
+    if (collectScript) {
+      this.scripts = collectScript;
+    }
+    if (collectStyle) {
+      this.styles = collectStyle;
     }
-    if (app instanceof MicroAppModel) await this.importHtmlEntry(app);
-    else if (app instanceof MicroInstanceModel) await this.importInstanceEntry(app);
   }
-  async importHtmlEntry(app) {
+  /**
+   * 获取HTML content
+   */
+  async fetchHtmlContent(app) {
     let htmlStr = appCache.getCacheHtml(this.url);
     if (!htmlStr) {
       htmlStr = await fetchSource(addUrlProtocol(this.url), { cache: "no-cache" }, app);
-      if (!htmlStr) {
-        console.error("load app entry error, place check");
-        return Promise.reject();
-      }
     }
-    this.rawHtml = htmlStr;
+    return htmlStr;
+  }
+  /**
+   * 创建顶层 root 元素
+   */
+  createWrapElement(htmlStr) {
     const wrapElement = document.createElement("div");
     if (wrapElement.__BK_WEWEB_APP_KEY__) {
       wrapElement.__BK_WEWEB_APP_KEY__ = void 0;
     }
-    wrapElement.innerHTML = htmlStr.replace(/<\/?head>/gim, "").replace(/<\/?body>/i, "");
-    this.collectScriptAndStyle(wrapElement);
-    await executeAppStyles(app, wrapElement);
-    this.html = wrapElement;
+    wrapElement.innerHTML = htmlStr.replace(HTML_FILTER_REGEX.HEAD, "").replace(HTML_FILTER_REGEX.BODY, "");
+    return wrapElement;
   }
-  async importInstanceEntry(app) {
+  /**
+   * 获取JS content
+   */
+  async fetchJsContent(app) {
     let jsStr = appCache.getCacheScript(this.url)?.code;
     if (!jsStr) {
       jsStr = await fetchSource(this.url, { cache: "no-cache" }, app);
     }
-    if (!jsStr) {
-      console.error("load app entry error, place check");
-      return Promise.reject();
-    }
-    this.scripts.set(
-      this.url,
-      new Script({
-        async: false,
-        code: jsStr,
-        defer: false,
-        fromHtml: true,
-        isModule: !!this.url.match(/\.ts$/),
-        url: this.url
-      })
-    );
-  }
-  setScript(url, script) {
-    this.scripts.set(url, script instanceof Script ? script : new Script(script));
-  }
-  setStyle(url, style) {
-    this.styles.set(url, style);
+    return jsStr;
   }
 };
 
 // src/cache/app-cache.ts
 var AppCache = class {
-  // todo 主应用共享资源包
+  /** 基础资源源，用于主应用共享资源包 */
   baseSource;
+  /** 应用实例缓存映射表 */
   cache;
+  /**
+   * 构造函数
+   * @description 初始化应用缓存管理器
+   */
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
     this.baseSource = new EntrySource(location.href);
   }
-  // 删除缓存
-  deleteApp(url) {
-    this.cache.delete(url);
+  /**
+   * 设置应用实例到缓存
+   * @description 将应用实例添加到缓存中，使用应用的缓存键作为标识
+   * @param app - 要缓存的应用实例
+   */
+  setApp(app) {
+    this.cache.set(app.appCacheKey, app);
   }
-  // 获取缓存app
+  /**
+   * 获取缓存的应用实例
+   * @description 根据名称或ID获取已缓存的应用实例
+   * @param name - 应用名称或ID，为空时返回 undefined
+   * @returns BaseModel | undefined - 应用实例或 undefined
+   */
   getApp(name) {
     if (!name) return void 0;
     const app = this.cache.get(name);
     if (app) return app;
-    return Array.from(this.cache.values()).find((item) => item.name === name);
+    const item = Array.from(this.cache.values()).find((item2) => item2.name === name);
+    if (item) return item;
+    return window.__BK_WEWEB_APP_KEY__ ? window.__getAppOrInstance__()?.getApp(name) : void 0;
   }
-  // 获取缓存app
-  getBaseAppStyle(urlOrCode) {
-    return this.baseSource.getStyle(urlOrCode);
+  /**
+   * 删除缓存的应用实例
+   * @description 从缓存中移除指定URL的应用实例
+   * @param url - 要删除的应用URL标识
+   */
+  deleteApp(url) {
+    this.cache.delete(url);
   }
+  /**
+   * 获取缓存的HTML内容
+   * @description 根据URL获取已缓存的HTML内容
+   * @param url - 应用的URL
+   * @returns string - HTML内容，未找到时返回空字符串
+   */
   getCacheHtml(url) {
     const list = Array.from(this.cache.values());
     const app = list.find((item) => item.url === url);
     if (app) return app.source?.rawHtml || "";
     return "";
   }
+  /**
+   * 设置基础应用脚本
+   * @description 将脚本添加到基础资源源中，供多个应用共享
+   * @param url - 脚本的URL
+   * @param script - 脚本实例
+   */
+  setBaseAppScript(url, script) {
+    this.baseSource.setScript(url, script);
+  }
+  /**
+   * 获取缓存的脚本资源
+   * @description 从基础资源源或应用缓存中获取脚本资源
+   * @param url - 脚本的URL
+   * @returns Script | undefined - 脚本实例或 undefined
+   */
   getCacheScript(url) {
     let script = this.baseSource.getScript(url);
-    if (script) return;
+    if (script) return script;
     const list = Array.from(this.cache.values());
     list.some((app) => {
       script = app.source?.getScript(url);
@@ -1870,9 +2494,33 @@ var AppCache = class {
     });
     return script;
   }
+  /**
+   * 设置基础应用样式
+   * @description 将样式添加到基础资源源中，供多个应用共享
+   * @param url - 样式的URL
+   * @param style - 样式实例
+   */
+  setBaseAppStyle(url, style) {
+    this.baseSource.setStyle(url, style);
+  }
+  /**
+   * 获取基础应用样式
+   * @description 从基础资源源中获取样式资源
+   * @param urlOrCode - 样式的URL或代码
+   * @returns Style | undefined - 样式实例或 undefined
+   */
+  getBaseAppStyle(urlOrCode) {
+    return this.baseSource.getStyle(urlOrCode);
+  }
+  /**
+   * 获取缓存的样式资源
+   * @description 从基础资源源或应用缓存中获取样式资源
+   * @param url - 样式的URL
+   * @returns Style | undefined - 样式实例或 undefined
+   */
   getCacheStyle(url) {
     let style = this.baseSource.getStyle(url);
-    if (style) return;
+    if (style) return style;
     const list = Array.from(this.cache.values());
     list.some((app) => {
       style = app.source?.getStyle(url);
@@ -1880,17 +2528,13 @@ var AppCache = class {
     });
     return style;
   }
-  setApp(app) {
-    this.cache.set(app.appCacheKey, app);
-  }
-  setBaseAppScript(url, script) {
-    this.baseSource.setScript(url, script);
-  }
-  setBaseAppStyle(url, style) {
-    this.baseSource.setStyle(url, style);
-  }
+  /**
+   * 检查是否存在活跃的应用
+   * @description 判断当前是否有处于非卸载状态的应用实例
+   * @returns boolean - 存在活跃应用时返回 true
+   */
   get hasActiveApp() {
-    return Array.from(this.cache.values()).some((app) => app.status !== "UNMOUNT" /* UNMOUNT */);
+    return Array.from(this.cache.values()).some((app) => app.status !== AppState.UNMOUNT);
   }
 };
 var appCache = new AppCache();
@@ -1908,8 +2552,8 @@ function getStyleSource(url, style, originLink) {
     appCache.setBaseAppStyle(url, style);
     replaceStyle.textContent = data;
     dispatchLinkOrScriptLoad(originLink);
-  }).catch((err) => {
-    console.error(err);
+  }).catch((error) => {
+    console.error("Failed to load style resource:", error);
     dispatchLinkOrScriptError(originLink);
   });
   return replaceStyle;
@@ -1924,59 +2568,67 @@ function getScriptSource(url, script, originScript) {
       if (!url.startsWith("inline-")) {
         originScript.setAttribute("origin-src", url);
       }
-    } catch (e) {
-      console.error(e, url);
+    } catch (error) {
+      console.error("Failed to set script content:", error, url);
     }
     dispatchLinkOrScriptLoad(originScript);
-  }).catch((err) => {
-    console.error(err);
+  }).catch((error) => {
+    console.error("Failed to load script resource:", error);
     dispatchLinkOrScriptError(originScript);
   });
   return replaceScript;
 }
+function processLinkElement(linkElement) {
+  const rel = linkElement.getAttribute("rel");
+  let href = linkElement.getAttribute("href");
+  if (rel === "stylesheet" && href) {
+    href = fillUpPath(href, location.origin);
+    const replaceStyle = document.createElement("style");
+    const styleInstance = new Style({
+      code: "",
+      fromHtml: false,
+      url: href
+    });
+    getStyleSource(href, styleInstance, linkElement);
+    return replaceStyle;
+  }
+  return linkElement;
+}
+function processScriptElement(scriptElement) {
+  let src = scriptElement.getAttribute("src");
+  if (src && scriptElement.type !== "module") {
+    src = fillUpPath(src, location.origin);
+    const script = new Script({
+      async: scriptElement.hasAttribute("async"),
+      code: "",
+      defer: scriptElement.defer || scriptElement.type === "module",
+      fromHtml: false,
+      isModule: false
+    });
+    appCache.setBaseAppScript(src, script);
+    const replaceElement = getScriptSource(src, script, scriptElement);
+    return replaceElement || scriptElement;
+  }
+  return scriptElement;
+}
 function createNewNode(child) {
   if (child instanceof HTMLLinkElement) {
-    const rel = child.getAttribute("rel");
-    let href = child.getAttribute("href");
-    if (rel === "stylesheet" && href) {
-      href = fillUpPath(href, location.origin);
-      const replaceStyle = document.createElement("style");
-      const styleInstance = new Style({
-        code: "",
-        fromHtml: false,
-        url: href
-      });
-      getStyleSource(href, styleInstance, child);
-      return replaceStyle;
-    }
+    return processLinkElement(child);
   }
   if (child instanceof HTMLScriptElement) {
-    let src = child.getAttribute("src");
-    if (src && child.type !== "module") {
-      src = fillUpPath(src, location.origin);
-      const script = new Script({
-        async: child.hasAttribute("async"),
-        code: "",
-        defer: child.defer || child.type === "module",
-        fromHtml: false,
-        isModule: false
-      });
-      appCache.setBaseAppScript(src, script);
-      const replaceElement = getScriptSource(src, script, child);
-      return replaceElement || child;
-    }
+    return processScriptElement(child);
   }
   return child;
 }
 function isLinkOrScript(node) {
   return node instanceof HTMLLinkElement || node instanceof HTMLScriptElement;
 }
-function baseElementInertHandle(parent, newChild, passiveChild, rawMethod) {
+function baseElementInertHandle(parent, newChild, referenceChild, rawMethod) {
   if (isLinkOrScript(newChild)) {
     const targetChild = createNewNode(newChild);
-    return rawMethod.call(parent, targetChild, passiveChild);
+    return rawMethod.call(parent, targetChild, referenceChild);
   }
-  return rawMethod.call(parent, newChild, passiveChild);
+  return rawMethod.call(parent, newChild, referenceChild);
 }
 function baseElementAppendHandle(parent, newChild, rawMethod) {
   if (isLinkOrScript(newChild)) {
@@ -1987,10 +2639,15 @@ function baseElementAppendHandle(parent, newChild, rawMethod) {
 }
 
 // src/base-app/collect-source.ts
-function collectBaseSource() {
-  const rawBodyAppendChild = HTMLBodyElement.prototype.appendChild;
-  const rawHeadAppendChild = HTMLHeadElement.prototype.appendChild;
-  const rawHeadInsertBefore = HTMLHeadElement.prototype.appendChild;
+function cacheOriginalDOMMethods() {
+  return {
+    rawBodyAppendChild: HTMLBodyElement.prototype.appendChild,
+    rawHeadAppendChild: HTMLHeadElement.prototype.appendChild,
+    rawHeadInsertBefore: HTMLHeadElement.prototype.insertBefore
+  };
+}
+function overrideDOMMethods(originalMethods) {
+  const { rawBodyAppendChild, rawHeadAppendChild, rawHeadInsertBefore } = originalMethods;
   HTMLBodyElement.prototype.appendChild = function(newChild) {
     return baseElementAppendHandle(this, newChild, rawBodyAppendChild);
   };
@@ -2000,22 +2657,39 @@ function collectBaseSource() {
   HTMLHeadElement.prototype.insertBefore = function(newChild, refChild) {
     return baseElementInertHandle(this, newChild, refChild, rawHeadInsertBefore);
   };
-  window.addEventListener("load", () => {
-    const nodeList = document.head.querySelectorAll("style");
-    for (const node of Array.from(nodeList)) {
-      node.textContent && appCache.setBaseAppStyle(
-        randomUrl(),
-        new Style({
-          code: node.textContent,
+}
+function collectExistingStyles() {
+  const styleNodes = document.head.querySelectorAll("style");
+  for (const styleNode of Array.from(styleNodes)) {
+    const textContent = styleNode.textContent;
+    if (textContent) {
+      try {
+        const style = new Style({
+          code: textContent,
           fromHtml: false,
           url: ""
-        })
-      );
+        });
+        appCache.setBaseAppStyle(randomUrl(), style);
+      } catch (error) {
+        console.warn("Failed to collect style element:", error);
+      }
     }
-  });
+  }
+}
+function setupLoadEventListener() {
+  window.addEventListener("load", collectExistingStyles);
+}
+function collectBaseSource() {
+  const originalMethods = cacheOriginalDOMMethods();
+  overrideDOMMethods(originalMethods);
+  setupLoadEventListener();
 }
 
 // src/context/element.ts
+var RESOURCE_ATTRIBUTES = ["src", "srcset"];
+var LINK_ATTRIBUTES = ["href"];
+var RESOURCE_TAG_NAMES = ["IMG", "SCRIPT"];
+var LINK_TAG_NAMES = ["LINK"];
 var { setAttribute } = Element.prototype;
 var {
   append,
@@ -2030,47 +2704,99 @@ var {
 } = HTMLHeadElement.prototype;
 var rawHead = document.head;
 var hasRewrite = false;
-function rewriteBodyAndHeaderMethods() {
-  if (hasRewrite) return;
-  hasRewrite = true;
-  Element.prototype.setAttribute = function(key, value) {
-    const tagName = this.tagName.toLocaleUpperCase();
-    if ((["src", "srcset"].includes(key) && ["IMG", "SCRIPT"].includes(tagName) || key === "href" && ["LINK"].includes(tagName)) && this.__BK_WEWEB_APP_KEY__ && appCache.getApp(this.__BK_WEWEB_APP_KEY__ || "")) {
-      setAttribute.call(this, key, fillUpPath(value, appCache.getApp(this.__BK_WEWEB_APP_KEY__).url));
-    } else {
-      setAttribute.call(this, key, value);
+function shouldProcessResourcePath(key, tagName) {
+  const upperTagName = tagName.toUpperCase();
+  return RESOURCE_ATTRIBUTES.includes(key) && RESOURCE_TAG_NAMES.includes(upperTagName) || LINK_ATTRIBUTES.includes(key) && LINK_TAG_NAMES.includes(upperTagName);
+}
+function getElementApp(element) {
+  if (!element.__BK_WEWEB_APP_KEY__) {
+    return null;
+  }
+  return appCache.getApp(element.__BK_WEWEB_APP_KEY__);
+}
+function createOverriddenSetAttribute() {
+  return function(key, value) {
+    const tagName = this.tagName.toUpperCase();
+    if (shouldProcessResourcePath(key, tagName) && this.__BK_WEWEB_APP_KEY__) {
+      const app = getElementApp(this);
+      if (app) {
+        setAttribute.call(this, key, fillUpPath(value, app.url));
+        return;
+      }
     }
+    setAttribute.call(this, key, value);
   };
-  HTMLBodyElement.prototype.appendChild = function appendChildNew(newChild) {
-    if (newChild.__KEEP_ALIVE__ && isSpecialElement(newChild)) return headAppendChild.call(rawHead, newChild);
-    return elementAppendHandler(this, newChild, bodyAppendChild2);
+}
+function handleKeepAliveElement(newChild) {
+  if (newChild.__KEEP_ALIVE__ && isSpecialElement(newChild)) {
+    return headAppendChild.call(rawHead, newChild);
+  }
+  return null;
+}
+function createOverriddenAppendChild() {
+  return function(newChild) {
+    const keepAliveResult = handleKeepAliveElement(newChild);
+    if (keepAliveResult) {
+      return keepAliveResult;
+    }
+    const node = elementAppendHandler(this, newChild, bodyAppendChild2);
+    if (node?.tagName === "STYLE") {
+      node.insertAdjacentElement = createOverriddenInsertAdjacentElement();
+    }
+    return node;
   };
-  HTMLBodyElement.prototype.append = function(...nodes) {
+}
+function createOverriddenAppend() {
+  return function(...nodes) {
     nodes.forEach((node) => {
-      if (node.__KEEP_ALIVE__ && isSpecialElement(node)) {
-        return headAppendChild.call(rawHead, node);
+      const keepAliveResult = handleKeepAliveElement(node);
+      if (keepAliveResult) {
+        return;
       }
       elementAppendHandler(this, node, bodyAppendChild2);
     });
   };
-  HTMLHeadElement.prototype.appendChild = HTMLBodyElement.prototype.appendChild;
-  HTMLHeadElement.prototype.insertBefore = function(newChild, refChild) {
-    return elementInsertHandler(this, newChild, refChild, headInsertBefore);
-  };
-  HTMLBodyElement.prototype.insertBefore = function(newChild, refChild) {
+}
+function createOverriddenInsertBefore() {
+  return function(newChild, refChild) {
     return elementInsertHandler(this, newChild, refChild, headInsertBefore);
   };
-  HTMLBodyElement.prototype.removeChild = function removeChildNew(oldChild) {
-    const app = appCache.getApp(oldChild.__BK_WEWEB_APP_KEY__);
+}
+function createOverriddenRemoveChild() {
+  return function(oldChild) {
+    const app = oldChild.__BK_WEWEB_APP_KEY__ ? appCache.getApp(oldChild.__BK_WEWEB_APP_KEY__) : null;
     if (app?.container?.contains(oldChild)) {
-      const node = bodyRemoveChild.call(app.container, oldChild);
-      return node;
+      return bodyRemoveChild.call(app.container, oldChild);
     }
     if (this.contains(oldChild)) {
       return bodyRemoveChild.call(this, oldChild);
     }
     return oldChild;
   };
+}
+var insertAdjacentElement = createOverriddenInsertAdjacentElement();
+function createOverriddenInsertAdjacentElement() {
+  return function(_where, element) {
+    const node = elementAppendHandler(this, element, headAppendChild);
+    if (node?.tagName === "STYLE") {
+      node.insertAdjacentElement = insertAdjacentElement;
+    }
+    return node;
+  };
+}
+function rewriteBodyAndHeaderMethods() {
+  if (hasRewrite || window.__BK_WEWEB_HAS_REWRITE__) {
+    return;
+  }
+  hasRewrite = true;
+  window.__BK_WEWEB_HAS_REWRITE__ = true;
+  Element.prototype.setAttribute = createOverriddenSetAttribute();
+  HTMLBodyElement.prototype.appendChild = createOverriddenAppendChild();
+  HTMLBodyElement.prototype.append = createOverriddenAppend();
+  HTMLBodyElement.prototype.insertBefore = createOverriddenInsertBefore();
+  HTMLBodyElement.prototype.removeChild = createOverriddenRemoveChild();
+  HTMLHeadElement.prototype.appendChild = HTMLBodyElement.prototype.appendChild;
+  HTMLHeadElement.prototype.insertBefore = createOverriddenInsertBefore();
   HTMLHeadElement.prototype.removeChild = HTMLBodyElement.prototype.removeChild;
 }
 function resetBodyAndHeaderMethods() {
@@ -2086,31 +2812,31 @@ function resetBodyAndHeaderMethods() {
   hasRewrite = false;
 }
 
-// src/lifecircle/before-load.ts
+// src/lifecycle/before-load.ts
 function beforeLoad() {
   rewriteBodyAndHeaderMethods();
 }
 
-// src/lifecircle/activated.ts
+// src/lifecycle/activated.ts
 function activated(appKey, container, callback) {
   const app = appCache.getApp(appKey);
-  if (app?.status === "DEACTIVATED" /* DEACTIVATED */ && app.keepAlive) {
+  if (app?.status === AppState.DEACTIVATED && app.keepAlive) {
     nextTask(() => {
       beforeLoad();
       app.activated(container, callback);
     });
-  } else {
-    app && nextTask(() => {
+  } else if (app) {
+    nextTask(() => {
       beforeLoad();
       app.mount(container, callback);
     });
   }
 }
 
-// src/lifecircle/deactivated.ts
+// src/lifecycle/deactivated.ts
 function deactivated(appKey) {
   const app = appCache.getApp(appKey);
-  if (app && ["ACTIVATED" /* ACTIVATED */, "MOUNTED" /* MOUNTED */].includes(app.status)) {
+  if (app && [AppState.ACTIVATED, AppState.MOUNTED].some((status) => status === app.status)) {
     app.keepAlive ? app.deactivated() : app.unmount();
   }
   if (!appCache.hasActiveApp) {
@@ -2118,10 +2844,13 @@ function deactivated(appKey) {
   }
 }
 
-// src/lifecircle/load.ts
+// src/lifecycle/load.ts
+var STATUS_CHECK_INTERVAL = 300;
 async function load(props) {
   beforeLoad();
-  if (props.mode === "js" /* INSTANCE */) return await loadInstance(props);
+  if (props.mode === "js" /* INSTANCE */) {
+    return await loadInstance(props);
+  }
   return await loadApp(props);
 }
 async function loadApp(props) {
@@ -2130,6 +2859,8 @@ async function loadApp(props) {
   if (!instance) {
     instance = new MicroAppModel(props);
     appCache.setApp(instance);
+  } else {
+    instance.data = props.data || instance.data || {};
   }
   await instance.start();
   return instance;
@@ -2142,23 +2873,26 @@ function loadInstance(props) {
       instance = new MicroInstanceModel(props);
       appCache.setApp(instance);
       instance.start().then(() => resolve(instance));
-    } else if (["MOUNTING" /* MOUNTING */, "UNSET" /* UNSET */].includes(instance.status)) {
+      return;
+    }
+    if (instance.status in [AppState.MOUNTING, AppState.UNSET]) {
       const timer = setInterval(() => {
-        if (["ERROR" /* ERROR */, "MOUNTED" /* MOUNTED */].includes(instance.status)) {
+        if (instance.status in [AppState.ERROR, AppState.MOUNTED]) {
           resolve(instance);
           clearInterval(timer);
         }
-      }, 300);
-    } else {
-      resolve(instance);
+      }, STATUS_CHECK_INTERVAL);
+      return;
     }
+    instance.data = props.data || instance.data || {};
+    resolve(instance);
   });
 }
 
-// src/lifecircle/unmount.ts
+// src/lifecycle/unmount.ts
 function unmount(appKey) {
   const app = appCache.getApp(appKey);
-  if (app && app.status !== "UNMOUNT" /* UNMOUNT */) {
+  if (app && app.status !== AppState.UNMOUNT) {
     app.unmount();
   }
   if (!appCache.hasActiveApp) {
@@ -2166,48 +2900,102 @@ function unmount(appKey) {
   }
 }
 
-// src/component/web-compnent.ts
+// src/component/web-component.ts
 var BkWewebElement = class extends HTMLElement {
+  /** 应用 URL 缓存 */
   appUrl = "";
+  /** 组件连接状态标识 */
   connected = false;
+  /**
+   * 观察的属性列表
+   * @description 定义需要监听变化的属性名称列表
+   * @returns string[] - 属性名称数组
+   */
   static get observedAttributes() {
     return ["url" /* url */];
   }
+  /**
+   * 获取布尔类型属性值
+   * @description 解析布尔类型的自定义属性，支持驼峰和短横线命名
+   * @param name - 属性名称
+   * @returns boolean | undefined - 属性值或 undefined
+   * @private
+   */
   getBooleanAttr(name) {
-    return this.hasAttribute(name) || this.hasAttribute(name.replace(/([A-Z])/g, "-$1").toLocaleLowerCase()) ? this.getAttribute(name) !== "false" : void 0;
+    const hasAttr = this.hasAttribute(name) || this.hasAttribute(name.replace(/([A-Z])/g, "-$1").toLocaleLowerCase());
+    return hasAttr ? this.getAttribute(name) !== "false" : void 0;
   }
+  /**
+   * 处理属性变化的内部逻辑
+   * @description 当属性发生变化时执行的处理逻辑
+   * @returns Promise<void>
+   * @private
+   */
   async handleAttributeChanged() {
     if (!this.appKey) return;
-    if (this.getBooleanAttr("setShodowDom" /* setShodowDom */)) {
+    if (this.setShadowDomAttr) {
       this.attachShadow({ mode: "open" });
     }
     const app = appCache.getApp(this.appKey);
-    if (app && app.url === this.appUrl && (app.isPreLoad || app.status === "UNMOUNT" /* UNMOUNT */)) {
+    if (app && app.url === this.appUrl && (app.isPreLoad || app.status === AppState.UNMOUNT)) {
       activated(this.appKey, this.shadowRoot ?? this);
       return;
     }
     await load(this.appProps);
   }
+  /**
+   * 属性变化回调
+   * @description 当观察的属性发生变化时触发
+   * @param attr - 变化的属性名
+   * @param _oldVal - 旧值（未使用）
+   * @param newVal - 新值
+   */
   attributeChangedCallback(attr, _oldVal, newVal) {
     if (attr !== "url" /* url */ || this[attr] === newVal || !this.connected) return;
     this.appUrl = newVal;
     const cacheApp = appCache.getApp(this.appKey);
-    (this.connected || cacheApp) && this.handleAttributeChanged();
+    if (this.connected || cacheApp) {
+      this.handleAttributeChanged();
+    }
+  }
+  /**
+   * 获取是否启用 Shadow DOM 属性
+   * @description 获取是否启用 Shadow DOM 属性 兼容旧版使用
+   * @returns boolean | undefined - 是否启用 Shadow DOM 属性
+   */
+  get setShadowDomAttr() {
+    return this.getBooleanAttr("setShadowDom" /* setShadowDom */) ?? this.getBooleanAttr("setShodowDom" /* setShodowDom */);
   }
+  /**
+   * 组件连接到 DOM 时的回调
+   * @description 当自定义元素被插入到 DOM 时触发
+   * @returns Promise<void>
+   */
   async connectedCallback() {
-    if (this.getBooleanAttr("setShodowDom" /* setShodowDom */) && !this.shadowRoot) {
+    if (this.setShadowDomAttr && !this.shadowRoot) {
       this.attachShadow({ delegatesFocus: false, mode: "open" });
     }
     await load(this.appProps);
     activated(this.appKey, this.shadowRoot ?? this);
     this.connected = true;
   }
+  /**
+   * 组件从 DOM 断开时的回调
+   * @description 当自定义元素从 DOM 中移除时触发
+   */
   disconnectedCallback() {
     this.connected = false;
     if (this.appProps.keepAlive) {
       deactivated(this.appKey);
-    } else unmount(this.appKey);
+    } else {
+      unmount(this.appKey);
+    }
   }
+  /**
+   * 获取应用数据
+   * @description 解析 data 属性中的 JSON 数据
+   * @returns Record<string, unknown> - 应用数据对象
+   */
   get appData() {
     if (this.hasAttribute("data" /* data */)) {
       try {
@@ -2217,49 +3005,60 @@ var BkWewebElement = class extends HTMLElement {
     }
     return {};
   }
-  // 考虑到js模式下 需要js bundle的复用性 需用户设置id属性 如果单实例下则可以不用配置
+  /**
+   * 获取应用标识符
+   * @description 优先使用 id 属性，其次使用 url 属性作为应用标识
+   * 考虑到 JS 模式下需要 JS bundle 的复用性，需用户设置 id 属性
+   * 如果是单实例应用则可以不用配置 id
+   * @returns string | null - 应用标识符或 null
+   */
   get appKey() {
     return this.getAttribute("id" /* id */) || this.getAttribute("url" /* url */);
   }
+  /**
+   * 获取应用配置属性
+   * @description 根据模式返回相应的应用配置对象
+   * @returns IAppModelProps | IJsModelProps - 应用配置对象
+   */
   get appProps() {
+    const commonProps = {
+      container: this.shadowRoot ?? this,
+      data: this.appData,
+      id: this.appKey,
+      keepAlive: this.getBooleanAttr("keepAlive" /* keepAlive */),
+      showSourceCode: this.getBooleanAttr("showSourceCode" /* showSourceCode */),
+      url: this.getAttribute("url" /* url */)
+    };
     if (this.getAttribute("mode") === "js" /* INSTANCE */) {
       return {
-        container: this.shadowRoot ?? this,
-        data: this.appData,
-        id: this.appKey,
-        keepAlive: this.getBooleanAttr("keepAlive" /* keepAlive */),
+        ...commonProps,
         mode: "js" /* INSTANCE */,
-        scopeCss: this.getBooleanAttr("scopeCss" /* scopeCss */) && !this.getBooleanAttr("setShodowDom" /* setShodowDom */),
-        scopeJs: this.getBooleanAttr("scopeJs" /* scopeJs */),
-        showSourceCode: this.getBooleanAttr("showSourceCode" /* showSourceCode */),
-        url: this.getAttribute("url" /* url */)
+        scopeCss: this.getBooleanAttr("scopeCss" /* scopeCss */) && !this.setShadowDomAttr,
+        scopeJs: this.getBooleanAttr("scopeJs" /* scopeJs */)
       };
     }
     return {
-      container: this.shadowRoot ?? this,
-      data: this.appData,
-      id: this.appKey,
-      keepAlive: this.getBooleanAttr("keepAlive" /* keepAlive */),
+      ...commonProps,
       mode: "app" /* APP */,
-      scopeCss: !this.getBooleanAttr("setShodowDom" /* setShodowDom */),
+      scopeCss: !this.setShadowDomAttr,
       scopeJs: !this.getBooleanAttr("scopeJs" /* scopeJs */),
-      scopeLocation: this.getBooleanAttr("scopeLocation" /* scopeLocation */),
-      showSourceCode: this.getBooleanAttr("showSourceCode" /* showSourceCode */),
-      url: this.getAttribute("url" /* url */)
+      scopeLocation: this.getBooleanAttr("scopeLocation" /* scopeLocation */)
     };
   }
 };
 
-// src/lifecircle/mount.ts
+// src/lifecycle/mount.ts
 function mount(appKey, container, callback) {
   const app = appCache.getApp(appKey);
-  app && nextTask(() => {
-    beforeLoad();
-    app.mount(container, callback);
-  });
+  if (app) {
+    nextTask(() => {
+      beforeLoad();
+      app.mount(container, callback);
+    });
+  }
 }
 
-// src/lifecircle/unload.ts
+// src/lifecycle/unload.ts
 function unload(url) {
   appCache.deleteApp(url);
 }
@@ -2291,19 +3090,19 @@ function preLoadSource(sourceList) {
 var CUSTOM_ELEMENT_TAG = "bk-weweb";
 var WeWeb = class {
   fetchSource;
-  webcomponentTag = CUSTOM_ELEMENT_TAG;
+  webComponentTag = CUSTOM_ELEMENT_TAG;
   constructor() {
     if (!window.customElements.get(CUSTOM_ELEMENT_TAG)) {
       window.customElements.define(CUSTOM_ELEMENT_TAG, BkWewebElement);
     }
   }
-  // 设置自定义dom标签名
+  /** 设置自定义DOM标签名 */
   setWebComponentTag() {
-    if (!window.customElements.get(this.webcomponentTag)) {
-      window.customElements.define(this.webcomponentTag, BkWewebElement);
+    if (!window.customElements.get(this.webComponentTag)) {
+      window.customElements.define(this.webComponentTag, BkWewebElement);
     }
   }
-  // todo set some global start props
+  /** 启动WeWeb */
   start(option) {
     if (option?.collectBaseSource) {
       collectBaseSource();
@@ -2311,7 +3110,7 @@ var WeWeb = class {
     if (typeof option?.fetchSource === "function") {
       this.fetchSource = option.fetchSource;
     }
-    this.webcomponentTag = option?.webcomponentTag || CUSTOM_ELEMENT_TAG;
+    this.webComponentTag = option?.webComponentTag || CUSTOM_ELEMENT_TAG;
     this.setWebComponentTag();
   }
 };