磨砂文件夹：交互规则、默认参数与动效说明

触发方式

悬停或键盘聚焦时轻展文件；点击、Enter / 空格切换完整展开。移开鼠标、离焦、点击外部或 Escape 收合；触屏点按切换，点按外部收合。

起点与终点

名称「」（留空隐藏），3 份文件：Notes / Draft / Ideas。配色 white，尺寸 md（1×），默认展开 false。展开抬升 175px，半侧间距 68px。

时序

弹簧响应基准 800 ms，轻微回弹，卡片按响应时长的 6% 逐张错峰；收回时不加延迟。观察倍速只影响运行时钟，不改变保存的响应时长。

进入与退出

静止翻盖倾斜 15°，悬停抬升 20px；完整展开时翻盖倾斜 55°，卡片半侧扇开 16°。名称、标题和摘要使用真实文字，空摘要显示纸张线条。

重复操作与打断

反复点击从当前画面和速度接续。暂停、后台与隐藏预览冻结弹簧、错峰延迟和演示阶段；继续后接续。播放按钮演示轻展、展开和返回一次；尺寸、配色与内容立即更新，几何参数修改自动演示。运行时的悬停、焦点、展开状态与观察倍速不写入 JSON。

减少动态效果

直接到达当前交互状态，跳过错峰和自动演示；点击、聚焦和触屏仍可使用。

默认配置

这些数值来自当前维护的默认配置；编辑器草稿和调整后的导出可以不同。

{
  "schemaVersion": 2,
  "recipeId": "glass-folder",
  "durationMs": 800,
  "delayMs": 0,
  "easing": [
    0,
    0,
    1,
    1
  ],
  "offsetX": 0,
  "offsetY": 0,
  "scale": 1,
  "loop": false,
  "interruption": "retarget",
  "tracks": [],
  "glassFolder": {
    "name": "",
    "documents": [
      {
        "title": "Notes",
        "body": ""
      },
      {
        "title": "Draft",
        "body": ""
      },
      {
        "title": "Ideas",
        "body": ""
      }
    ],
    "color": "white",
    "size": "md",
    "lift": 175,
    "spread": 68,
    "hoverLift": 20,
    "tilt": 55,
    "fanAngle": 16,
    "initialOpen": false
  }
}

源码与复用

GitHub 对应示例提供公开渲染源码、默认配置和运行入口。复用前请阅读交互说明，并保留随源码附带的第三方与字体许可；完整网页编辑器由独立工程维护。

用于自己的项目

进入编辑器运行真实预览并比较调整；本说明页不另造一份近似演示。把导出用于自己的项目后，重新检查内容、输入、焦点与布局。

目录来源标注：原创实现. 第三方示例保留自己的许可与署名；公开仓库包含全部当前动效的渲染源码；完整编辑器由独立工程维护。