coze-studio/frontend/packages/foundation/global/src/utils/global-loading.ts

42 lines
1.6 KiB
TypeScript

/*
* Copyright 2025 coze-dev Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export function removeGlobalLoading() {
const spin = document.querySelector('#global-spin-wrapper');
// Hide loading directly for browsers that do not support MutationObserver to avoid affecting the display of normal pages
if (!window.MutationObserver && spin) {
(spin as HTMLElement).style.display = 'none';
return;
}
const targetNode = document.querySelector('#root');
const observerOptions = {
childList: true, // Observe the changes of the target sub-node and see if any are added or deleted
attributes: true, // Observe attribute changes
subtree: true, // Observe the descendant nodes, the default is false
};
const observer = new MutationObserver(function callback(mutationList) {
// Cancel loading if there is any change in the root node and cancel the observation
mutationList.forEach(mutation => {
if (spin) {
(spin as HTMLElement).style.display = 'none';
}
observer.disconnect();
});
});
observer.observe(targetNode as Element, observerOptions);
}