fix: iframe spinner

apps/web-antd/src/main.ts

@@ -23,7 +23,7 @@ async function initApplication() {
   await bootstrap(namespace);
 
   // 移除并销毁loading
-  destoryAppLoading();
+  destroyAppLoading();
 }
 
 /**
@@ -31,23 +31,28 @@ async function initApplication() {
  * 放在这里是而不是放在 index.html 的app标签内，主要是因为这样比较不会生硬，渲染过快可能会有闪烁
  * 通过先添加css动画隐藏，在动画结束后在移除loading节点来改善体验
  */
-function destoryAppLoading() {
-  // 全局搜索文件 loading.html, 找到对应的节点
+function destroyAppLoading() {
+  // 查找全局 loading 元素
   const loadingElement = document.querySelector('#__app-loading__');
+
   if (loadingElement) {
+    // 添加隐藏类，触发过渡动画
     loadingElement.classList.add('hidden');
+
+    // 查找所有需要移除的注入 loading 元素
     const injectLoadingElements = document.querySelectorAll(
       '[data-app-loading^="inject"]',
     );
-    // 过渡动画结束后移除loading节点
+
+    // 当过渡动画结束时，移除 loading 元素和所有注入的 loading 元素
     loadingElement.addEventListener(
       'transitionend',
       () => {
-        loadingElement.remove();
-        injectLoadingElements.forEach((el) => el?.remove());
+        loadingElement.remove(); // 移除 loading 元素
+        injectLoadingElements.forEach((el) => el.remove()); // 移除所有注入的 loading 元素
       },
       { once: true },
-    );
+    ); // 确保事件只触发一次
   }
 }