📁 书签文件夹

以网格形式浏览书签文件夹，支持进入子文件夹，方便逐层查找和快速打开书签

书签文件夹组件以直观的网格布局展示浏览器书签，适合喜欢传统文件夹浏览方式的用户。

📖 基本使用

• 在组件面板中拖入书签文件夹组件即可使用
• 点击文件夹图标可进入子文件夹，逐层浏览书签
• 点击书签卡片即可打开对应网站（默认当前标签页打开）
• 按 Esc 键或点击返回按钮可回到上一级文件夹

🖼️ 效果示意

+------------------------------------------------------------+        
|  [返回]  /  工作  /  开发文档                               |       
+------------------------------------------------------------+        
|                                                            |        
|  +----------+ +----------+ +----------+                   |         
|  |  📁      | |  📁      | |  🌐      |                   |         
|  | 前端资料 | | 设计资源 | |  GitHub  |                   |         
|  +----------+ +----------+ +----------+                   |         
|  +----------+ +----------+ +----------+                   |         
|  |  🌐      | |  🌐      | |  🌐      |                   |         
|  |  掘金    | |   MDN    | | VitePress|                   |         
|  +----------+ +----------+ +----------+                   |         
|                                                            |        
+------------------------------------------------------------+

元素	说明
文件夹卡片（DIR）	点击进入子文件夹
书签卡片（WEB）	网站 favicon + 名称，点击打开网站
面包屑导航	显示当前路径，点击可跳转到上级目录
返回按钮	回到上一级文件夹

🔄 文件夹导航流程

root (all bookmarks and folders)                                  
    |                                                             
    +-- click folder A --> enter A's subdirectory                 
    |                        |                                    
    |                        +-- click subfolder --> go deeper    
    |                        |                                    
    |                        +-- press Esc / back --> back to root
    |                                                             
    +-- click bookmark --> open website in tab

🔒 权限说明

项目	说明
权限类型	bookmarks（浏览器书签权限）
请求时机	首次拖入书签文件夹组件时弹出授权
拒绝后恢复	如果之前拒绝了权限，可在浏览器设置中手动允许后重新使用

授权流程

drag bookmark folder component                                 
    |                                                          
    v                                                          
browser shows permission request                               
    |                                                          
    +-- click Allow  --> read bookmarks --> show grid          
    |                                                          
    +-- click Deny   --> show hint, need manual auth in browser

🎨 自定义

设置项	说明
列数 × 行数	自定义网格布局的行列数，适配不同尺寸组件
显示书签图标	是否展示网站 favicon
显示文件夹图标	是否展示文件夹标识
图标大小	图标尺寸调整
显示书签名称	是否展示书签文字
书签项高度	单个书签卡片的高度
间距	书签卡片之间的间距
圆角	书签卡片的圆角大小
毛玻璃背景	是否开启毛玻璃背景效果
边框 / 阴影	外框和阴影效果
浅色/深色	两套主题独立配置