@blueking/bk-weweb 0.0.21 → 0.0.23

package/dist/collect-source.js

@@ -164,33 +164,9 @@ const isJsonpUrl = (url) => {
     return !pathname.match(/\.js$/);
 };
 
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
 const { document: document$1 } = window;
 const { createElement, getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, querySelector, querySelectorAll, } = Document.prototype;
+const { querySelector: bodyQuerySelector } = HTMLBodyElement.prototype;
 const SPECIAL_ELEMENT_TAG = ['body', 'html', 'head'];
 let hasRewrite$1 = false;
 function rewriteDocumentPrototypeMethods() {
@@ -226,11 +202,15 @@ function rewriteDocumentPrototypeMethods() {
             if (app?.container instanceof ShadowRoot) {
                 return app?.container;
             }
+            if (this instanceof HTMLBodyElement)
+                return bodyQuerySelector.call(this, selectors);
             // 否则调用原始的 querySelector 方法
             return querySelector.call(this, selectors);
         }
         // 如果没有当前应用程序或选择器为空或文档不是当前文档
-        if (!app || !selectors || document$1 !== this) {
+        if (!app || !selectors || ![document$1, document$1.body].includes(this)) {
+            if (this instanceof HTMLBodyElement)
+                return bodyQuerySelector.call(this, selectors);
             // 调用原始的 querySelector 方法
             return querySelector.call(this, selectors);
         }
@@ -260,6 +240,7 @@ function rewriteDocumentPrototypeMethods() {
     }
     Document.prototype.querySelector = querySelectorNew;
     Document.prototype.querySelectorAll = querySelectorAllNew;
+    HTMLBodyElement.prototype.querySelector = querySelectorNew;
     Document.prototype.getElementById = function getElementByIdNew(key) {
         return getCurrentRunningApp() ? querySelectorNew.call(this, `#${key}`) : getElementById.call(this, key);
     };
@@ -281,6 +262,7 @@ function rewriteDocumentPrototypeMethods() {
 function resetDocumentPrototypeMethods() {
     Document.prototype.createElement = createElement;
     Document.prototype.querySelector = querySelector;
+    HTMLBodyElement.prototype.querySelector = bodyQuerySelector;
     Document.prototype.querySelectorAll = querySelectorAll;
     Document.prototype.getElementById = getElementById;
     Document.prototype.getElementsByClassName = getElementsByClassName;
@@ -288,6 +270,15 @@ function resetDocumentPrototypeMethods() {
     Document.prototype.getElementsByName = getElementsByName;
     hasRewrite$1 = false;
 }
+// vue3.3之后会换成document 这些需要初始化调用的app
+function createRewriteDocument(rawDocument, app) {
+    return Object.defineProperty(rawDocument, 'createElement', {
+        get() {
+            app?.registerRunningApp();
+            return Document.prototype.createElement;
+        },
+    });
+}
 
 /*
  * Tencent is pleased to support the open source community by making
@@ -708,15 +699,7 @@ class Style {
             const rules = Array.from(templateStyle.sheet?.cssRules ?? []);
             const cssPrefix = `#${app.name}`;
             const scopedCss = this.scopeRule(rules, cssPrefix);
-            let cssText = this.resetUrlHost(scopedCss, app.url, this.url);
-            if (/Safari/.test(navigator.userAgent)) {
-                cssText = cssText.replace(/([;{]\s*content:\s*)([^\s"][^";}]*)/gm, (all, $1, $2) => {
-                    if ($2 === 'none' || /^(url\()|(counter\()|(attr\()|(open-quote)|(close-quote)/.test($2)) {
-                        return all;
-                    }
-                    return `${$1}"${$2}"`;
-                });
-            }
+            const cssText = this.resetUrlHost(scopedCss, app.url, this.url);
             styleElement.textContent = cssText;
             this.scopedCode = cssText;
         }
@@ -1525,7 +1508,7 @@ function setMarkElement(element, app, keepAlive) {
  * IN THE SOFTWARE.
  */
 const { setAttribute } = Element.prototype;
-const { append, appendChild: bodyAppendChild, removeChild: bodyRemoveChild } = HTMLBodyElement.prototype;
+const { append, appendChild: bodyAppendChild, insertBefore: bodyInsertBefore, removeChild: bodyRemoveChild, } = HTMLBodyElement.prototype;
 const { appendChild: headAppendChild, insertBefore: headInsertBefore, removeChild: headRemoveChild, } = HTMLHeadElement.prototype;
 const rawHead = document.head;
 let hasRewrite = false;
@@ -1563,6 +1546,9 @@ function rewriteBodyAndHeaderMethods() {
     HTMLHeadElement.prototype.insertBefore = function (newChild, refChild) {
         return elementInsertHandler(this, newChild, refChild, headInsertBefore);
     };
+    HTMLBodyElement.prototype.insertBefore = function (newChild, refChild) {
+        return elementInsertHandler(this, newChild, refChild, headInsertBefore);
+    };
     HTMLBodyElement.prototype.removeChild = function removeChildNew(oldChild) {
         const app = appCache.getApp(oldChild.__BK_WEWEB_APP_KEY__);
         if (app?.container?.contains(oldChild)) {
@@ -1582,6 +1568,7 @@ function resetBodyAndHeaderMethods() {
     HTMLBodyElement.prototype.appendChild = bodyAppendChild;
     HTMLBodyElement.prototype.append = append;
     HTMLBodyElement.prototype.removeChild = bodyRemoveChild;
+    HTMLBodyElement.prototype.insertBefore = bodyInsertBefore;
     HTMLHeadElement.prototype.appendChild = headAppendChild;
     HTMLHeadElement.prototype.insertBefore = headInsertBefore;
     HTMLHeadElement.prototype.removeChild = headRemoveChild;
@@ -1949,9 +1936,6 @@ function rewriteDocumentAndBodyEvent() {
  */
 /* eslint-disable max-len */
 /* eslint-disable no-prototype-builtins */
-/*
-inspired by https://github.com/umijs/qiankun
-*/
 // 正则表达式，用于匹配类定义
 const CLASS_REGEX = /^class\b/;
 // 正则表达式，用于匹配以大写字母开头的函数定义
@@ -2118,7 +2102,7 @@ class SandBox {
         this.app = app;
         const windowDescriptorSet = new Set();
         const rawWindow = window;
-        const rawDocument = window.document;
+        const rawDocument = createRewriteDocument(document, this.app);
         this.fakeWindow.__POWERED_BY_BK_WEWEB__ = true;
         this.fakeWindow.__BK_WEWEB_APP_KEY__ = app.appCacheKey;
         this.rawWindow = rawWindow;