Function buildDialog

notes.js:1280–3385

()

    }

    function buildDialog() {
        // 检查是否已存在弹窗，如果存在则先移除
        const existingOverlay = document.querySelector('.nsn-mask');
        if (existingOverlay) {
            document.body.removeChild(existingOverlay);
        }
        
        ensureInitialData();
        const categories = readJSON(LS_KEYS.categories, []);
        const notesMap = readJSON(LS_KEYS.notes, {});

        const overlay = createElement('div', { className: 'nsn-mask' });
        const dialog = createElement('div', { className: 'nsn-dialog' });
        overlay.appendChild(dialog);

        const header = createElement('div', { className: 'nsn-header' }, [
            createElement('div', { className: 'nsn-title' }, ['笔记']),
            createElement('button', { className: 'nsn-close' }, ['×'])
        ]);
        dialog.appendChild(header);

        // 添加拖动功能
        let isDragging = false;
        let dragStartX = 0;
        let dragStartY = 0;
        let initialLeft = 0;
        let initialTop = 0;

        // 创建拖动区域（左上角30px区域）
        const dragArea = createElement('div', { 
            className: 'nsn-drag-area',
            style: {
                position: 'absolute',
                top: '0',
                left: '0',
                width: '30px',
                height: '30px',
                cursor: 'move',
                zIndex: '10'
            }
        });
        dialog.appendChild(dragArea);

        // 拖动事件处理
        dragArea.addEventListener('mousedown', (e) => {
            isDragging = true;
            dragStartX = e.clientX;
            dragStartY = e.clientY;
            
            // 获取当前弹窗位置
            const rect = dialog.getBoundingClientRect();
            initialLeft = rect.left;
            initialTop = rect.top;
            
            // 防止文本选择
            e.preventDefault();
            
            // 添加拖动样式