feat(Tooltip): add hackTooltip function prevent javascript exception (#5318)

* refactor: 重构代码

* fix: 修复报错问题

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

* chore: bump version 9.3.1-beta09

Author: ArgoZhang

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.3.1-beta08</Version>
+    <Version>9.3.1-beta09</Version>
   </PropertyGroup>
 
   <ItemGroup>

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"]')
@@ -166,7 +168,7 @@ export function dispose(id) {
             EventHandler.off(document, 'click', confirm.closeConfirm)
         }
         if (confirm.popover) {
-            confirm.popover.dispose()
+            confirm.popover.dispose();
         }
         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/Table/Table.razor.cs

@@ -1134,7 +1134,7 @@ private async Task ProcessFirstRender()
 
         if (ColumnOrderCallback != null)
         {
-            cols = ColumnOrderCallback(cols).ToList();
+            cols = [.. ColumnOrderCallback(cols)];
         }
 
         await ReloadColumnOrdersFromBrowserAsync(cols);
@@ -1271,7 +1271,7 @@ public List<TItem> Rows
             // https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/I5JG5D
             // 如果 QueryItems 无默认值
             // 页面 OnInitializedAsync 二刷再 OnAfterRender 过程中导致 QueryItems 变量为空 ToList 报错
-            RowsCache ??= IsTree ? TreeRows.GetAllItems() : (Items ?? QueryItems).ToList();
+            RowsCache ??= IsTree ? TreeRows.GetAllItems() : [.. (Items ?? QueryItems)];
             return RowsCache;
         }
     }

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,