@blueking/bk-weweb 0.0.35-beta.9 → 0.0.36-beta.16

package/dist/index.esm.js

@@ -209,1538 +209,1592 @@ var isJsonpUrl = (url) => {
   }
 };
 
-// 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;
-    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/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);
 };
-
-// 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);
+var dispatchLinkOrScriptLoad = (element) => {
+  const loadEvent = defineEventSourceElement(element, "load");
+  if (typeof element.onload === "function") {
+    element.onload.call(element, loadEvent);
+    return;
   }
-  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;
+  element.dispatchEvent(loadEvent);
+};
+var dispatchLinkOrScriptError = (element) => {
+  const errorEvent = defineEventSourceElement(element, "error");
+  if (typeof element.onerror === "function") {
+    element.onerror.call(element, errorEvent);
+    return;
   }
-  return value;
-}
+  element.dispatchEvent(errorEvent);
+};
 
-// 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);
-      }
+// src/utils/fetch.ts
+var fetchSource = async (url, options = {}, app) => {
+  if (typeof app?.fetchSource === "function") {
+    try {
+      return await app.fetchSource(url, options);
+    } catch {
+      return "";
     }
   }
-  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;
-    const appIdentifier = (app.name || app.appCacheKey).replace(/[-,:~'"]/g, "_");
-    this.windowSymbolKey = `__${appIdentifier}_${random(10)}__`;
-    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;
+  if (src_default.fetchSource) {
+    return src_default.fetchSource(url, options);
   }
-  /** 沙箱激活状态标识 */
-  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;
+  try {
+    const response = await window.fetch(url, options);
+    return await response.text();
+  } catch {
+    return "";
+  }
+};
+
+// 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;
+  }
+  /**
+   * 通用样式作用域处理
+   * @param styleElement 样式元素
+   * @param app 应用实例
+   */
+  commonScoped(styleElement, app) {
+    if (app.scopeCss && !(app.container instanceof ShadowRoot)) {
+      this.applyScopedCSS(styleElement, app);
+    } else {
+      this.applyUnscopedCSS(styleElement, app);
     }
-    if (key === "hasOwnProperty") {
-      return (checkKey) => Object.hasOwn(this.fakeWindow, checkKey) || Object.hasOwn(rawWindow, checkKey);
+    this.scoped = true;
+  }
+  /**
+   * 创建样式元素
+   */
+  createStyleElement() {
+    const styleElement = document.createElement("style");
+    if (styleElement.__BK_WEWEB_APP_KEY__) {
+      styleElement.__BK_WEWEB_APP_KEY__ = void 0;
     }
-    if (key === "top" || key === "parent") {
-      if (rawWindow === rawWindow.parent) {
-        return this.proxyWindow;
+    return styleElement;
+  }
+  /**
+   * 执行样式代码
+   * @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);
       }
-      return Reflect.get(rawWindow, key);
-    }
-    if (key === "getComputedStyle") {
-      return this.createGetComputedStyleProxy(rawWindow);
+      styleElement = this.scopedStyleCSS(app, styleElement);
+      this.scoped = true;
+    } catch (error) {
+      console.error("scoped style error", error);
     }
-    if (Reflect.has(target, key) || BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
-      return Reflect.get(target, key);
+    return styleElement;
+  }
+  /**
+   * 获取样式代码
+   */
+  async getCode(app) {
+    if (this.code.length || !this.url) {
+      return this.code;
     }
-    const rawValue = Reflect.get(rawWindow, key);
-    return bindFunctionToRawWindow(rawWindow, rawValue);
+    const code = this.getCodeFromAppSource(app) || this.getCodeFromCache() || await this.fetchCodeFromRemote(app);
+    this.code = code;
+    return code;
   }
   /**
-   * 处理代理对象的 set 操作
-   * @description 统一处理代理对象属性设置的复杂逻辑
-   * @param target - 目标对象
-   * @param key - 属性键
-   * @param value - 属性值
-   * @param rawWindow - 原始 window 对象
-   * @returns boolean - 设置是否成功
-   * @private
+   * 检查并链接基础应用样式
+   * @param styleElement 样式元素
+   * @param app 应用实例
+   * @returns 是否已链接基础样式
    */
-  handleProxySet(target, key, value, rawWindow) {
-    if (!this.active) {
+  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;
     }
-    if (this.shouldUseIframeLocation(key)) {
-      const iframe = this.app instanceof MicroAppModel ? this.app.iframe : null;
-      return iframe?.contentWindow ? Reflect.set(iframe.contentWindow, key, value) : true;
-    }
-    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);
+    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 (CSS_SELECTORS.RELATIVE_PATH.test(matchedUrl) && linkPath) {
+        baseURI = this.buildBaseURI(linkPath);
+      }
+      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;
+      }
     }
-    this.handleWhiteListProperty(key, value, rawWindow);
-    return true;
+    return result.replace(/^\s+/, "");
   }
   /**
-   * 判断是否应该使用 iframe 的 location
-   * @description 检查是否在 iframe 模式下访问 location 相关属性
-   * @param key - 属性键
-   * @returns boolean - 是否使用 iframe location
-   * @private
+   * style rule 处理
    */
-  shouldUseIframeLocation(key) {
-    return !!(BK_WEWEB_LOCATION_KEY_LIST.includes(key) && this.app instanceof MicroAppModel && this.app.iframe && this.app.scopeLocation);
+  scopeStyleRule(rule, prefix) {
+    const { cssText, selectorText } = rule;
+    if (CSS_SELECTORS.ROOT_SELECTOR.test(selectorText)) {
+      return cssText.replace(CSS_SELECTORS.ROOT_SELECTOR, prefix);
+    }
+    if (selectorText === "*") {
+      return cssText.replace("*", `${prefix} *`);
+    }
+    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*/, "")}`;
+      })
+    );
   }
   /**
-   * 创建 getComputedStyle 方法的代理
-   * @description 为 getComputedStyle 方法创建安全的代理实现
-   * @param rawWindow - 原始 window 对象
-   * @returns Function - 代理后的 getComputedStyle 方法
-   * @private
+   * link style 处理
    */
-  createGetComputedStyleProxy(rawWindow) {
-    return (element, pseudoElt) => {
-      if (element instanceof Element) {
-        return rawWindow.getComputedStyle(element, pseudoElt);
+  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);
       }
-      return rawWindow.getComputedStyle(document.body, pseudoElt);
-    };
+    } catch {
+      linkElement && dispatchLinkOrScriptError(linkElement);
+    }
+    return styleElement;
   }
   /**
-   * 判断是否应该在目标对象上设置属性
-   * @description 检查属性设置的逻辑条件
-   * @param target - 目标对象
-   * @param key - 属性键
-   * @param rawWindow - 原始 window 对象
-   * @returns boolean - 是否在目标对象上设置
-   * @private
+   * 隔离 style
    */
-  shouldSetOnTarget(target, key, rawWindow) {
-    return !Object.hasOwn(target, key) && Object.hasOwn(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key);
+  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 (this.url) {
+      styleElement.setAttribute(STYLE_ATTRIBUTES.ORIGIN_SRC, this.url);
+    }
+    return styleElement;
   }
   /**
-   * 在目标对象上设置属性
-   * @description 安全地在目标对象上设置属性，保持描述符特性
-   * @param target - 目标对象
-   * @param key - 属性键
-   * @param value - 属性值
-   * @param rawWindow - 原始 window 对象
-   * @private
+   * 应用隔离 style
    */
-  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);
+  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 处理需要在原始 window 上设置的白名单属性
-   * @param key - 属性键
-   * @param value - 属性值
-   * @param rawWindow - 原始 window 对象
-   * @private
+   * 处理ShadowRoot中的字体
    */
-  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);
+  handleShadowRootFonts(cssText, app) {
+    let fontContent = "";
+    const fontFaces = cssText.match(CSS_SELECTORS.FONT_FACE) || [];
+    for (const fontFace of fontFaces) {
+      fontContent += `${fontFace}
+`;
+    }
+    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);
+    }
+  }
+  getCodeFromAppSource(app) {
+    if (this.url && app?.source?.styles?.has(this.url)) {
+      return app.source.styles.get(this.url)?.code || "";
+    }
+    return "";
+  }
+  getCodeFromCache() {
+    if (this.url && appCache.getCacheStyle(this.url)) {
+      const style = appCache.getCacheStyle(this.url);
+      return style?.code || "";
     }
+    return "";
+  }
+  async fetchCodeFromRemote(app) {
+    return await fetchSource(this.url, {}, app).catch(() => "");
+  }
+  clearStyleElement(styleElement) {
+    styleElement.textContent = "";
+    styleElement.innerHTML = "";
+  }
+  buildBaseURI(linkPath) {
+    const pathArr = linkPath.split("/");
+    pathArr.pop();
+    return addUrlProtocol(`${pathArr.join("/")}/`);
+  }
+  handleExistingCode(styleElement, app, container, linkElement) {
+    this.commonScoped(styleElement, app);
+    container?.prepend(styleElement);
+    linkElement && dispatchLinkOrScriptLoad(linkElement);
   }
   /**
-   * 激活沙箱
-   * @description 启动沙箱环境，初始化代理对象和事件处理
-   * @param data - 传递给沙箱的数据（可选）
+   * 处理href属性
    */
-  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;
-    }
+  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;
+    });
   }
   /**
-   * 停用沙箱
-   * @description 关闭沙箱环境，清理所有副作用和修改
+   * 处理缺失的href
    */
-  deactivated() {
-    if (!this.active) return;
-    this.active = false;
-    this.resetWindowFunction();
-    for (const key of this.inRawWindowKeySet) {
-      Reflect.deleteProperty(window, key);
+  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);
+  }
+  processExistingContent(styleElement, app) {
+    if (styleElement.textContent) {
+      this.clearStyleElement(styleElement);
+    }
+    if (!this.linkedBaseStyle(styleElement, app)) {
+      this.commonScoped(styleElement, app);
     }
-    this.inRawWindowKeySet.clear();
-    this.resetDocumentAndBodyEvent?.();
   }
-};
-
-// 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
+  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);
+      }
+    });
+    const observerConfig = {
+      attributes: false,
+      characterData: true,
+      childList: true,
+      subtree: 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;
+    observer.observe(styleElement, observerConfig);
   }
-  element.dispatchEvent(loadEvent);
 };
-var dispatchLinkOrScriptError = (element) => {
-  const errorEvent = defineEventSourceElement(element, "error");
-  if (typeof element.onerror === "function") {
-    element.onerror.call(element, errorEvent);
-    return;
+async function executeAppStyles(app, container) {
+  const styleList = Array.from(app.source?.styles?.values() || []);
+  const promiseList = [];
+  for (const style of styleList) {
+    promiseList.push(style.executeCode(app));
   }
-  element.dispatchEvent(errorEvent);
-};
+  await Promise.all(promiseList).then((styleElementList) => {
+    const parentElement = container || app.container;
+    if (app.keepAlive && !(parentElement instanceof ShadowRoot)) {
+      document.head.append(...styleElementList);
+    } else {
+      parentElement?.append(...styleElementList);
+    }
+  });
+}
 
-// 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");
+// src/mode/instance.ts
+var DEFAULT_RANDOM_LENGTH = 5;
+var WRAPPER_SUFFIX = "-wrapper";
+var MicroInstanceModel = class {
+  state = AppState.UNSET;
+  appCacheKey;
+  container;
+  data;
+  fetchSource;
+  initSource;
+  isPreLoad = false;
+  keepAlive;
+  name;
+  sandBox;
+  scopeCss = true;
+  scopeJs = false;
+  showSourceCode = true;
+  source;
+  url;
+  constructor(props) {
+    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;
+    this.scopeJs = props.scopeJs ?? true;
+    this.showSourceCode = props.showSourceCode ?? true;
+    this.scopeCss = props.scopeCss ?? true;
+    this.keepAlive = props.keepAlive ?? false;
+    this.data = props.data ?? {};
+    this.initSource = props.initSource ?? [];
+    this.fetchSource = props.fetchSource;
+    this.initializeSandBox();
   }
-  if (child.textContent) {
-    if (!(app.container instanceof ShadowRoot) && appCache.getBaseAppStyle(child.textContent)) {
-      return document.createComment("\u3010bk-weweb\u3011style is effective in base app");
+  /** 激活微模块 */
+  activated(container, callback) {
+    this.isPreLoad = false;
+    this.state = AppState.ACTIVATED;
+    if (this.container && container) {
+      this.setContainerAttribute(container);
+      this.transferNodes(container);
+      this.container = container;
+      this.initShadowRootContainer();
+      this.sandBox?.activated();
+      const scriptInfo = this.getScriptInfo();
+      callback?.(this, scriptInfo?.exportInstance);
     }
   }
-  if (!child.hasAttribute("ignore")) {
-    const styleInstance = new Style({
-      code: child.textContent || "",
-      fromHtml: false,
-      url: ""
-    });
-    app.source?.setStyle(randomUrl(), styleInstance);
-    styleInstance.scopedStyleCSS(app, child);
+  /** 停用微模块 */
+  deactivated() {
+    this.state = AppState.DEACTIVATED;
+    this.sandBox?.deactivated();
   }
-  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);
+  /** 挂载微模块 */
+  mount(container, callback) {
+    this.isPreLoad = false;
+    this.container = container ?? this.container;
+    this.initShadowRootContainer();
+    this.state = AppState.MOUNTING;
+    this.setContainerAttribute(this.container);
+    this.setupContainer();
+    this.executeStyles();
+    this.sandBox?.activated();
+    execAppScripts(this).finally(() => {
+      this.state = AppState.MOUNTED;
+      this.renderInstance();
+      const scriptInfo = this.getScriptInfo();
+      callback?.(this, scriptInfo?.exportInstance);
+    });
   }
-  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;
+  /** 错误处理 */
+  onError() {
+    this.state = AppState.ERROR;
   }
-  if (replaceInfo.script) {
-    replaceInfo.script.executeCode(app);
+  /** 挂载处理 */
+  onMount() {
+    if (this.isPreLoad) return;
+    this.state = AppState.LOADED;
+    this.mount();
   }
-  if (replaceInfo.replace !== child) {
-    return replaceInfo.replace;
+  /** 注册运行中的应用 */
+  registerRunningApp() {
+    setCurrentRunningApp(this);
+    Promise.resolve().then(() => setCurrentRunningApp(null));
   }
-  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");
+  /** 启动微模块 */
+  async start() {
+    if (!this.source || this.needsReload()) {
+      this.source = new EntrySource(this.url);
+      await this.source.importEntry(this);
+    }
   }
-  return child;
-};
-var resetNewElement = (parent, child, app) => {
-  if (child instanceof HTMLStyleElement) {
-    return handleStyleElement(child, app);
+  /** 卸载微模块 */
+  unmount(needDestroy) {
+    this.state = AppState.UNMOUNT;
+    this.sandBox?.deactivated();
+    if (needDestroy) {
+      appCache.deleteApp(this.url);
+    }
+    if (this.container) {
+      this.container.innerHTML = "";
+      this.container = void 0;
+    }
   }
-  if (child instanceof HTMLLinkElement) {
-    return handleLinkElement(child, parent, app);
+  /** 初始化ShadowRoot容器 */
+  initShadowRootContainer() {
+    if (this.container instanceof ShadowRoot) {
+      Object.defineProperties(this.container, {
+        getBoundingClientRect: {
+          get() {
+            return this.host.getBoundingClientRect;
+          }
+        }
+      });
+    }
   }
-  if (child instanceof HTMLScriptElement) {
-    return handleScriptElement(child, parent, app);
+  set status(value) {
+    this.state = value;
   }
-  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);
+  get status() {
+    return this.state;
   }
-  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
-  if (!app?.container) {
-    return rawMethod.call(parent, newChild);
+  /** 初始化沙盒 */
+  initializeSandBox() {
+    if (this.scopeJs) {
+      this.sandBox = new SandBox(this);
+    }
   }
-  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);
+  /** 设置容器属性 */
+  setContainerAttribute(container) {
+    if (container instanceof HTMLElement) {
+      container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
+    }
   }
-  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
-  if (!app?.container) {
-    return rawMethod.call(parent, newChild, passiveChild);
+  /** 转移节点到新容器 */
+  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);
   }
-  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);
+  /** 设置容器 */
+  setupContainer() {
+    if (this.container) {
+      this.container.innerHTML = "";
+      const instanceWrapper = this.createInstanceWrapper();
+      this.container.appendChild(instanceWrapper);
+    }
   }
-  if (passiveChild && !container.contains(passiveChild)) {
-    return bodyAppendChild.call(container, targetChild);
+  /** 执行样式 */
+  executeStyles() {
+    if (this.source?.styles.size && this.container) {
+      executeAppStyles(this, this.container);
+    }
   }
-  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");
+  /** 创建实例包装器 */
+  createInstanceWrapper() {
+    const wrapper = document.createElement("div");
+    wrapper.id = `${this.name}${WRAPPER_SUFFIX}`;
+    return wrapper;
   }
-  element.setAttribute?.("powered-by", "bk-weweb");
-  return element;
-};
-
-// src/utils/fetch.ts
-var fetchSource = async (url, options = {}, app) => {
-  if (typeof app?.fetchSource === "function") {
-    try {
-      return await app.fetchSource(url, options);
-    } catch {
-      return "";
+  /** 渲染实例 */
+  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);
+      }
     }
   }
-  if (src_default.fetchSource) {
-    return src_default.fetchSource(url, options);
+  /** 获取脚本信息 */
+  getScriptInfo() {
+    const script = this.source?.getScript(this.url);
+    return script ? { exportInstance: script.exportInstance } : void 0;
   }
-  try {
-    const response = await window.fetch(url, options);
-    return await response.text();
-  } catch {
-    return "";
+  /** 检查是否需要重新加载 */
+  needsReload() {
+    return this.status === AppState.ERROR || this.status === AppState.UNSET;
   }
 };
 
-// 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 {
+// 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;
+  exportInstance;
   fromHtml;
+  blobUrl;
   initial;
-  prefetch = false;
-  preload = false;
+  isModule = 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;
+  constructor({ async, code, defer, fromHtml, initial, isModule, url }) {
+    this.code = code?.replace(STRICT_MODE_REGEX, "");
+    this.async = async;
+    this.defer = defer;
+    this.isModule = isModule;
     this.url = url;
-    this.fromHtml = fromHtml;
+    this.scoped = false;
+    this.fromHtml = fromHtml ?? false;
     this.initial = initial ?? false;
+    this.blobUrl = void 0;
   }
-  /**
-   * 通用样式作用域处理
-   * @param styleElement 样式元素
-   * @param app 应用实例
-   */
-  commonScoped(styleElement, app) {
-    if (app.scopeCss && !(app.container instanceof ShadowRoot)) {
-      this.applyScopedCSS(styleElement, app);
+  /** 执行脚本代码 */
+  async executeCode(app, needReplaceScriptElement = false) {
+    try {
+      if (!this.code) await this.getCode(app);
+      if (app instanceof MicroInstanceModel) {
+        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+        noteGlobalProps(globalWindow);
+      }
+      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;
+        }
+        app.registerRunningApp();
+        this.executeSourceScript(scriptElement, scopedCode);
+        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);
+      } else {
+        this.executeMemoryScript(app, scopedCode);
+        if (needReplaceScriptElement) return document.createComment("\u3010bk-weweb\u3011dynamic script");
+      }
+      if (app instanceof MicroInstanceModel) {
+        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+        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) {
+            const descriptor = Object.getOwnPropertyDescriptor(globalWindow, exportProp);
+            if (descriptor?.configurable) {
+              delete globalWindow[exportProp];
+            }
+          }
+        }
+      }
+    } 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 {
-      this.applyUnscopedCSS(styleElement, app);
+      scriptElement.textContent = scopedCode;
     }
-    this.scoped = true;
+    this.url && scriptElement.setAttribute("origin-src", this.url);
   }
-  /**
-   * 创建样式元素
-   */
-  createStyleElement() {
-    const styleElement = document.createElement("style");
-    if (styleElement.__BK_WEWEB_APP_KEY__) {
-      styleElement.__BK_WEWEB_APP_KEY__ = void 0;
+  /** 获取脚本内容 */
+  async getCode(app) {
+    if (this.code.length || !this.url || this.isModule) {
+      return this.code;
     }
-    return styleElement;
+    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;
   }
-  /**
-   * 执行样式代码
-   * @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);
+  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));
       }
-      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;
+  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");
   }
-  /**
-   * 检查并链接基础应用样式
-   * @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;
+  if (child.textContent) {
+    if (!(app.container instanceof ShadowRoot) && appCache.getBaseAppStyle(child.textContent)) {
+      return document.createComment("\u3010bk-weweb\u3011style is effective in base app");
     }
-    return false;
   }
-  /**
-   * 重置包装规则
-   */
-  resetPackRule(rule, prefix, packName) {
-    const result = this.scopeRule(Array.from(rule.cssRules), prefix);
-    return `@${packName} ${rule.conditionText} {${result}}`;
+  if (!child.hasAttribute("ignore")) {
+    const styleInstance = new Style({
+      code: child.textContent || "",
+      fromHtml: false,
+      url: ""
+    });
+    app.source?.setStyle(randomUrl(), styleInstance);
+    styleInstance.scopedStyleCSS(app, child);
   }
-  /**
-   * 重置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;
+  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 (CSS_SELECTORS.RELATIVE_PATH.test(matchedUrl) && linkPath) {
-        baseURI = this.buildBaseURI(linkPath);
+      if (isJsonpUrl(child.getAttribute("src"))) {
+        app.container?.append(child);
+        return;
       }
-      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;
+      if (scriptInfo?.script) {
+        scriptInfo.script.executeCode(app);
       }
-    }
-    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);
-    }
-    if (selectorText === "*") {
-      return cssText.replace("*", `${prefix} *`);
-    }
-    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);
+      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);
         }
-        return `${delimiter} ${prefix} ${selector.replace(/^\s*/, "")}`;
-      })
-    );
-  }
-  /**
-   * 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);
+        child.remove();
       }
-    } catch {
-      linkElement && dispatchLinkOrScriptError(linkElement);
     }
-    return styleElement;
+  });
+  return observer;
+};
+var handleScriptElement = (child, parent, app) => {
+  const replaceInfo = app.source.collectScript(child, parent, true);
+  if (!replaceInfo) {
+    return child;
   }
-  /**
-   * 隔离 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 (this.url) {
-      styleElement.setAttribute(STYLE_ATTRIBUTES.ORIGIN_SRC, this.url);
-    }
-    return styleElement;
+  if (replaceInfo.script) {
+    replaceInfo.script.executeCode(app);
   }
-  /**
-   * 应用隔离 style
-   */
-  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;
+  if (replaceInfo.replace !== child) {
+    return replaceInfo.replace;
   }
-  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");
+  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");
   }
-  /**
-   * 处理ShadowRoot中的字体
-   */
-  handleShadowRootFonts(cssText, app) {
-    let fontContent = "";
-    const fontFaces = cssText.match(CSS_SELECTORS.FONT_FACE) || [];
-    for (const fontFace of fontFaces) {
-      fontContent += `${fontFace}
-`;
-    }
-    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;
+};
+var resetNewElement = (parent, child, app) => {
+  if (child instanceof HTMLStyleElement) {
+    return handleStyleElement(child, app);
   }
-  getCodeFromAppSource(app) {
-    if (this.url && app?.source?.styles?.has(this.url)) {
-      return app.source.styles.get(this.url)?.code || "";
-    }
-    return "";
+  if (child instanceof HTMLLinkElement) {
+    return handleLinkElement(child, parent, app);
   }
-  getCodeFromCache() {
-    if (this.url && appCache.getCacheStyle(this.url)) {
-      const style = appCache.getCacheStyle(this.url);
-      return style?.code || "";
-    }
-    return "";
+  if (child instanceof HTMLScriptElement) {
+    return handleScriptElement(child, parent, app);
   }
-  async fetchCodeFromRemote(app) {
-    return await fetchSource(this.url, {}, app).catch(() => "");
+  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);
   }
-  clearStyleElement(styleElement) {
-    styleElement.textContent = "";
-    styleElement.innerHTML = "";
+  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
+  if (!app?.container) {
+    return rawMethod.call(parent, newChild);
   }
-  buildBaseURI(linkPath) {
-    const pathArr = linkPath.split("/");
-    pathArr.pop();
-    return addUrlProtocol(`${pathArr.join("/")}/`);
+  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);
   }
-  handleExistingCode(styleElement, app, container, linkElement) {
-    this.commonScoped(styleElement, app);
-    container?.prepend(styleElement);
-    linkElement && dispatchLinkOrScriptLoad(linkElement);
+  const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
+  if (!app?.container) {
+    return rawMethod.call(parent, newChild, passiveChild);
   }
-  /**
-   * 处理href属性
-   */
-  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;
-    });
+  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);
   }
-  /**
-   * 处理缺失的href
-   */
-  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);
+  if (passiveChild && !container.contains(passiveChild)) {
+    return bodyAppendChild.call(container, targetChild);
   }
-  processExistingContent(styleElement, app) {
-    if (styleElement.textContent) {
-      this.clearStyleElement(styleElement);
+  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;
     }
-    if (!this.linkedBaseStyle(styleElement, app)) {
-      this.commonScoped(styleElement, app);
+  };
+}
+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;
   }
-  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);
+}
+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;
       }
-    });
-    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 promiseList = [];
-  for (const style of styleList) {
-    promiseList.push(style.executeCode(app));
-  }
-  await Promise.all(promiseList).then((styleElementList) => {
-    const parentElement = container || app.container;
-    if (app.keepAlive && !(parentElement instanceof ShadowRoot)) {
-      document.head.append(...styleElementList);
-    } else {
-      parentElement?.append(...styleElementList);
+      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/mode/instance.ts
-var DEFAULT_RANDOM_LENGTH = 5;
-var WRAPPER_SUFFIX = "-wrapper";
-var MicroInstanceModel = class {
-  state = AppState.UNSET;
-  appCacheKey;
-  container;
-  data;
-  fetchSource;
-  initSource;
-  isPreLoad = false;
-  keepAlive;
-  name;
-  sandBox;
-  scopeCss = true;
-  scopeJs = false;
-  showSourceCode = true;
-  source;
-  url;
-  constructor(props) {
-    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;
-    this.scopeJs = props.scopeJs ?? true;
-    this.showSourceCode = props.showSourceCode ?? true;
-    this.scopeCss = props.scopeCss ?? true;
-    this.keepAlive = props.keepAlive ?? false;
-    this.data = props.data ?? {};
-    this.initSource = props.initSource ?? [];
-    this.fetchSource = props.fetchSource;
-    this.initializeSandBox();
-  }
-  /** 激活微模块 */
-  activated(container, callback) {
-    this.isPreLoad = false;
-    this.state = AppState.ACTIVATED;
-    if (this.container && container) {
-      this.setContainerAttribute(container);
-      this.transferNodes(container);
-      this.container = container;
-      this.sandBox?.activated();
-      const scriptInfo = this.getScriptInfo();
-      callback?.(this, scriptInfo?.exportInstance);
-    }
-  }
-  /** 停用微模块 */
-  deactivated() {
-    this.state = AppState.DEACTIVATED;
-    this.sandBox?.deactivated();
-  }
-  /** 挂载微模块 */
-  mount(container, callback) {
-    this.isPreLoad = false;
-    this.container = container ?? this.container;
-    this.state = AppState.MOUNTING;
-    this.setContainerAttribute(this.container);
-    this.setupContainer();
-    this.executeStyles();
-    this.sandBox?.activated();
-    execAppScripts(this).finally(() => {
-      this.state = AppState.MOUNTED;
-      this.renderInstance();
-      const scriptInfo = this.getScriptInfo();
-      callback?.(this, scriptInfo?.exportInstance);
-    });
-  }
-  /** 错误处理 */
-  onError() {
-    this.state = AppState.ERROR;
-  }
-  /** 挂载处理 */
-  onMount() {
-    if (this.isPreLoad) return;
-    this.state = AppState.LOADED;
-    this.mount();
-  }
-  /** 注册运行中的应用 */
-  registerRunningApp() {
-    setCurrentRunningApp(this);
-    Promise.resolve().then(() => setCurrentRunningApp(null));
-  }
-  /** 启动微模块 */
-  async start() {
-    if (!this.source || this.needsReload()) {
-      this.source = new EntrySource(this.url);
-      await this.source.importEntry(this);
+// 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]);
     }
-  }
-  /** 卸载微模块 */
-  unmount(needDestroy) {
-    this.state = AppState.UNMOUNT;
-    this.sandBox?.deactivated();
-    if (needDestroy) {
-      appCache.deleteApp(this.url);
+    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);
+      }
     }
-    if (this.container) {
-      this.container.innerHTML = "";
-      this.container = void 0;
+    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();
   }
-  set status(value) {
-    this.state = value;
+  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;
   }
-  get status() {
-    return this.state;
+  if (ConstructFunCacheMap.has(fn)) {
+    return ConstructFunCacheMap.get(fn);
   }
-  /** 初始化沙盒 */
-  initializeSandBox() {
-    if (this.scopeJs) {
-      this.sandBox = new SandBox(this);
-    }
+  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);
   }
-  /** 设置容器属性 */
-  setContainerAttribute(container) {
-    if (container instanceof HTMLElement) {
-      container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
+  if (typeof value === "function" && !isConstructFun(value)) {
+    const boundValue = Function.prototype.bind.call(value, rawWindow);
+    for (const key in value) {
+      boundValue[key] = value[key];
     }
-  }
-  /** 转移节点到新容器 */
-  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);
+    if (Object.hasOwn(value, "prototype") && !Object.hasOwn(boundValue, "prototype")) {
+      Object.defineProperty(boundValue, "prototype", {
+        enumerable: false,
+        value: value.prototype,
+        writable: true
+      });
     }
-    container.appendChild(fragment);
-  }
-  /** 设置容器 */
-  setupContainer() {
-    if (this.container) {
-      this.container.innerHTML = "";
-      const instanceWrapper = this.createInstanceWrapper();
-      this.container.appendChild(instanceWrapper);
+    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;
   }
-  /** 执行样式 */
-  executeStyles() {
-    if (this.source?.styles.size && this.container) {
-      executeAppStyles(this, this.container);
+  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);
     }
-  }
-  /** 创建实例包装器 */
-  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);
+    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);
       }
     }
   }
-  /** 获取脚本信息 */
-  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;
-  }
-};
+  return {
+    resetWindowFunction
+  };
+}
 
-// 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;
-  exportInstance;
-  fromHtml;
-  initial;
-  isModule = false;
-  scoped;
-  url;
-  constructor({ async, code, defer, fromHtml, initial, isModule, url }) {
-    this.code = code?.replace(STRICT_MODE_REGEX, "");
-    this.async = async;
-    this.defer = defer;
-    this.isModule = isModule;
-    this.url = url;
-    this.scoped = false;
-    this.fromHtml = fromHtml ?? false;
-    this.initial = initial ?? false;
-  }
-  /** 执行脚本代码 */
-  async executeCode(app, needReplaceScriptElement = false) {
-    try {
-      if (!this.code) await this.getCode(app);
-      if (app instanceof MicroInstanceModel) {
-        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
-        noteGlobalProps(globalWindow);
-      }
-      const scopedCode = this.transformCode(app);
-      if (app.showSourceCode || this.isModule) {
-        const scriptElement = document.createElement("script");
-        if (scriptElement.__BK_WEWEB_APP_KEY__) {
-          scriptElement.__BK_WEWEB_APP_KEY__ = void 0;
+// 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);
         }
-        app.registerRunningApp();
-        this.executeSourceScript(scriptElement, scopedCode);
-        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);
-      } else {
-        this.executeMemoryScript(app, scopedCode);
-        if (needReplaceScriptElement) return document.createComment("\u3010bk-weweb\u3011dynamic script");
-      }
-      if (app instanceof MicroInstanceModel) {
-        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
-        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) {
-            const descriptor = Object.getOwnPropertyDescriptor(globalWindow, exportProp);
-            if (descriptor?.configurable) {
-              delete globalWindow[exportProp];
-            }
+        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);
       }
-    } catch (error) {
-      console.error("execute script code error", error);
-    }
-    return;
+    });
+    rawWindow[this.windowSymbolKey] = this.proxyWindow;
   }
-  /** 内存脚本执行 */
-  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);
+  /** 沙箱激活状态标识 */
+  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;
     }
-  }
-  /** 脚本标签执行 */
-  executeSourceScript(scriptElement, scopedCode) {
-    if (this.isModule) {
-      scriptElement.src = `${this.url}?key=${Date.now()}`;
-      scriptElement.setAttribute("type", "module");
-    } else {
-      scriptElement.textContent = scopedCode;
+    if (key === "hasOwnProperty") {
+      return (checkKey) => Object.hasOwn(this.fakeWindow, checkKey) || Object.hasOwn(rawWindow, checkKey);
     }
-    this.url && scriptElement.setAttribute("origin-src", this.url);
-  }
-  /** 获取脚本内容 */
-  async getCode(app) {
-    if (this.code.length || !this.url) {
-      return this.code;
+    if (key === "top" || key === "parent") {
+      if (rawWindow === rawWindow.parent) {
+        return this.proxyWindow;
+      }
+      return Reflect.get(rawWindow, key);
     }
-    let code = "";
-    if (app?.source?.getScript(this.url)) {
-      code = app.source.getScript(this.url)?.code || "";
+    if (key === "getComputedStyle") {
+      return this.createGetComputedStyleProxy(rawWindow);
     }
-    if (!code && appCache.getCacheScript(this.url)) {
-      code = appCache.getCacheScript(this.url)?.code || "";
+    if (Reflect.has(target, key) || BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
+      return Reflect.get(target, key);
     }
-    if (!code) {
-      code = await fetchSource(this.url, {}, app).catch((error) => {
-        console.error(`fetch script ${this.url} error`, error);
-        return "";
-      });
+    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;
     }
-    code = code.replace(STRICT_MODE_REGEX, "");
-    this.code = code;
-    return code;
+    if (this.shouldUseIframeLocation(key)) {
+      const iframe = this.app instanceof MicroAppModel ? this.app.iframe : null;
+      return iframe?.contentWindow ? Reflect.set(iframe.contentWindow, key, value) : true;
+    }
+    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 this.code;
+      return rawWindow.getComputedStyle(document.body, pseudoElt);
+    };
   }
-};
-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;
+  /**
+   * 判断是否应该在目标对象上设置属性
+   * @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;
     }
-    if (foundLastProp) {
-      lastGlobalProp = property;
-      result = useFirstGlobalProp && result || property;
-    } else {
-      foundLastProp = property === lastGlobalProp;
+    const { configurable, enumerable, writable } = descriptor;
+    if (writable) {
+      Object.defineProperty(target, key, {
+        configurable,
+        enumerable,
+        value,
+        writable
+      });
+      this.sameRawWindowKeySet.add(key);
     }
-    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;
+  /**
+   * 处理白名单属性
+   * @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);
     }
-    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);
-  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 启动沙箱环境，初始化代理对象和事件处理
+   * @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;
     }
   }
-  await Promise.all([...asyncScriptList, ...deferScriptList]).catch((error) => {
-    console.error(error);
-  });
-}
+  /**
+   * 停用沙箱
+   * @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?.();
+  }
+};
 
 // src/mode/app.ts
 var IFRAME_CONSTANTS = {
@@ -2683,7 +2737,11 @@ function createOverriddenAppendChild() {
     if (keepAliveResult) {
       return keepAliveResult;
     }
-    return elementAppendHandler(this, newChild, bodyAppendChild2);
+    const node = elementAppendHandler(this, newChild, bodyAppendChild2);
+    if (node?.tagName === "STYLE") {
+      node.insertAdjacentElement = createOverriddenInsertAdjacentElement();
+    }
+    return node;
   };
 }
 function createOverriddenAppend() {
@@ -2714,6 +2772,16 @@ function createOverriddenRemoveChild() {
     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) {
     return;
@@ -2862,7 +2930,7 @@ var BkWewebElement = class extends HTMLElement {
    */
   async handleAttributeChanged() {
     if (!this.appKey) return;
-    if (this.getBooleanAttr("setShodowDom" /* setShodowDom */)) {
+    if (this.setShadowDomAttr) {
       this.attachShadow({ mode: "open" });
     }
     const app = appCache.getApp(this.appKey);
@@ -2887,13 +2955,21 @@ var BkWewebElement = class extends HTMLElement {
       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);
@@ -2954,14 +3030,14 @@ var BkWewebElement = class extends HTMLElement {
       return {
         ...commonProps,
         mode: "js" /* INSTANCE */,
-        scopeCss: this.getBooleanAttr("scopeCss" /* scopeCss */) && !this.getBooleanAttr("setShodowDom" /* setShodowDom */),
+        scopeCss: this.getBooleanAttr("scopeCss" /* scopeCss */) && !this.setShadowDomAttr,
         scopeJs: this.getBooleanAttr("scopeJs" /* scopeJs */)
       };
     }
     return {
       ...commonProps,
       mode: "app" /* APP */,
-      scopeCss: !this.getBooleanAttr("setShodowDom" /* setShodowDom */),
+      scopeCss: !this.setShadowDomAttr,
       scopeJs: !this.getBooleanAttr("scopeJs" /* scopeJs */),
       scopeLocation: this.getBooleanAttr("scopeLocation" /* scopeLocation */)
     };