feat: 增加 hackTooltip 防止 bs 脚本报错

Author: ArgoZhang

src/BootstrapBlazor/Components/Button/PopConfirmButton.razor.js

@@ -1,4 +1,4 @@
-import { getDescribedElement, getDescribedOwner, hackPopover, isDisabled } from "../../modules/utility.js"
+import { getDescribedElement, getDescribedOwner, hackTooltip, hackPopover, isDisabled } from "../../modules/utility.js"
 import { showTooltip, removeTooltip } from "./Button.razor.js"
 import Data from "../../modules/data.js"
 import EventHandler from "../../modules/event-handler.js"
@@ -15,6 +15,8 @@ export function init(id) {
         return
     }
 
+    hackTooltip();
+
     const confirm = {
         el,
         container: el.querySelector('[data-bb-toggle="confirm"]')
@@ -167,9 +169,6 @@ export function dispose(id) {
         }
         if (confirm.popover) {
             confirm.popover.dispose();
-            // workaround for https://github.com/twbs/bootstrap/issues/37474
-            confirm.popover._activeTrigger = {};
-            confirm.popover._element = document.createElement('noscript'); // placeholder with no behavior
         }
         if (config.dismiss) {
             EventHandler.off(document, 'click', config.dismiss, confirm.dismissHandler)

src/BootstrapBlazor/Components/Popover/Popover.razor.js

@@ -1,9 +1,10 @@
-import { getDescribedElement } from "../../modules/utility.js"
+import { getDescribedElement, hackTooltip } from "../../modules/utility.js"
 import EventHandler from "../../modules/event-handler.js"
 
 export function init(id, options) {
     const el = document.getElementById(id)
     if (el) {
+        hackTooltip();
         createPopover(el, options);
     }
 }

src/BootstrapBlazor/Components/Tooltip/Tooltip.razor.js

@@ -1,8 +1,11 @@
-import Data from "../../modules/data.js"
+import { hackTooltip } from "../../modules/utility.js"
+import Data from "../../modules/data.js"
 
 export function init(id) {
     const el = document.getElementById(id)
     if (el) {
+        hackTooltip();
+
         const fallbackPlacements = (el.getAttribute('data-bs-fallbackPlacements') || 'top,right,bottom,left').split(',');
         const tip = {
             tooltip: new bootstrap.Tooltip(el, {

src/BootstrapBlazor/wwwroot/modules/base-popover.js

@@ -1,8 +1,10 @@
-import { getDescribedElement, getDescribedOwner, hackPopover, isDisabled } from "./utility.js"
+import { getDescribedElement, getDescribedOwner, hackTooltip, hackPopover, isDisabled } from "./utility.js"
 import EventHandler from "./event-handler.js"
 
 const Popover = {
     init(el, config) {
+        hackTooltip();
+
         const popover = {
             ...{
                 el,

src/BootstrapBlazor/wwwroot/modules/utility.js

@@ -570,6 +570,31 @@ const hackPopover = (popover, css) => {
     }
 }
 
+const hackTooltip = function () {
+    window.BootstrapBlazor ??= {};
+
+    if (window.BootstrapBlazor.Tooltip === void 0) {
+        window.BootstrapBlazor.Tooltip = {
+            hooked: false,
+            hackDispose: function () {
+                if (this.hooked === false) {
+                    this.hooked = true;
+
+                    const originalDispose = bootstrap.Tooltip.prototype.dispose;
+                    bootstrap.Tooltip.prototype.dispose = function () {
+                        originalDispose.call(this);
+                        // fix https://github.com/twbs/bootstrap/issues/37474
+                        this._activeTrigger = {};
+                        this._element = document.createElement('noscript'); // placeholder with no behavior
+                    }
+                }
+            }
+        }
+    }
+
+    window.BootstrapBlazor.Tooltip.hackDispose();
+}
+
 const setIndeterminate = (object, state) => {
     const element = getElementById(object)
     if (isElement(element)) {
@@ -832,6 +857,7 @@ export {
     getWindow,
     getWindowScroll,
     getUID,
+    hackTooltip,
     hackPopover,
     removeLink,
     removeScript,