在打开搜索界面时，有办法在路径中展示出文档图标吗

自定义图标完美版

(function() {
    'use strict';

    async function getIconFromApi(blockId) {
        try {
            const response = await fetch('/api/attr/getBlockAttrs', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    id: blockId
                })
            });

            if (!response.ok) {
                console.error('思源 API 请求失败:', response.statusText);
                return '📄';
            }

            const result = await response.json();

            if (result.code === 0 && result.data) {
                let icon = result.data.icon;

                if (icon) {
                    let imagePath = null;
                    if (/\.(jpg|png|gif|svg|webp)$/i.test(icon)) {
                        if (icon.startsWith('/')) {
                            imagePath = icon;
                        } else {
                            imagePath = `/emojis/${icon}`;
                        }
                    }

                    if (imagePath) {
                        return `<img src="${imagePath}" style="width: 1em; height: 1em; vertical-align: -0.15em; margin: 0 0.1em;">`;
                    }
                  
                    if (/^[0-9a-f-]+$/i.test(icon)) {
                        const codePoints = icon.split('-').map(hex => parseInt(hex, 16));
                        icon = String.fromCodePoint(...codePoints);
                    }
                }

                if (!icon && result.data.type === 'doc') {
                    return '📄';
                }

                return icon || '📄';
            }
        } catch (error) {
            console.error('从思源 API 获取图标时出错:', error);
        }
        return '📄';
    }

    async function addIconToPath() {
        const metaElements = document.querySelectorAll(
            "#searchList .b3-list-item[data-type='search-item'] .b3-list-item__meta:not([data-icon-processed])"
        );

        for (const metaEl of metaElements) {
            metaEl.setAttribute('data-icon-processed', 'true');

            const searchItem = metaEl.closest('[data-type="search-item"]');
            if (!searchItem || !searchItem.dataset.rootId) {
                continue;
            }

            const rootId = searchItem.dataset.rootId;
            const icon = await getIconFromApi(rootId);

            if (icon) {
                const originalPath = metaEl.getAttribute('aria-label');
                if (originalPath) {
                    let newContent;
                    const hasTrailingSlash = originalPath.endsWith('/');
                    const trimmedPath = hasTrailingSlash ? originalPath.slice(0, -1) : originalPath;

                    const lastSlashIndex = trimmedPath.lastIndexOf('/');

                    if (lastSlashIndex !== -1) {
                        const path = trimmedPath.substring(0, lastSlashIndex + 1);
                        const lastSegment = trimmedPath.substring(lastSlashIndex + 1);
                        newContent = `${path}${icon}${lastSegment}`;
                    } else {
                        newContent = `${icon}${trimmedPath}`;
                    }

                    if (hasTrailingSlash) {
                        newContent += '/';
                    }

                    metaEl.innerHTML = newContent;
                }
            }
        }
    }

    const observer = new MutationObserver((mutations) => {
        let needsProcessing = false;
        for (const mutation of mutations) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                needsProcessing = true;
                break;
            }
        }
        if (needsProcessing) {
            addIconToPath();
        }
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    setTimeout(addIconToPath, 500);

})();