43 lines
2.4 KiB
Markdown
43 lines
2.4 KiB
Markdown
# 实现方案 —— 2026-04-19-01-03-37
|
||
|
||
## 方案目标
|
||
调整默认自动插入帧索引为间隔抽取、模板导出文件名加时间戳、修复占位符删除恢复居中。
|
||
|
||
## 需求 1：默认 autoInsertFrameIndices 改为 [0,2,4,6,8,10]
|
||
|
||
### 修改文件 1：`src/pages/Login.tsx`
|
||
在 `initData()` 的 `defaultSettings` 中，将 `autoInsertFrameIndices` 从 `[0, 1, 2, 3, 4, 5]` 改为 `[0, 2, 4, 6, 8, 10]`。frameCount 保持 12，framePositions 保持原有均匀分布逻辑。
|
||
|
||
### 修改文件 2：`src/pages/SystemSettings.tsx`
|
||
在 `resetToDefault` 函数中，补全缺失的 `autoInsertFrames`、`autoInsertDelay`、`autoInsertFrameIndices` 字段，并将 `autoInsertFrameIndices` 设为 `[0, 2, 4, 6, 8, 10]`。
|
||
|
||
## 需求 2：模板导出 JSON 文件名加时间戳
|
||
|
||
### 修改文件：`src/pages/TemplateManage.tsx`
|
||
在 `handleExportTemplate` 中，生成下载前追加北京时间戳：
|
||
```ts
|
||
const ts = new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString().replace(/[:.]/g, '-').slice(0, 16);
|
||
a.download = `模板导出-${template.name}-${ts}.json`;
|
||
```
|
||
|
||
## 需求 3：TemplateManage 占位符删除恢复居中
|
||
|
||
### 修改文件：`src/pages/TemplateManage.tsx`
|
||
在 `handleEditorClick` 的删除恢复分支中，补齐与 ReportEditor 一致的逻辑：
|
||
1. `.placeholder-text` 使用 `position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;`
|
||
2. 恢复 `width`（从 `maxWidth`）、`height`/`lineHeight`（从 `maxHeight`）
|
||
3. 设置 `textAlign='center'`、`verticalAlign='middle'`、`justifyContent='center'`、`alignItems='center'`
|
||
4. 根据宽度判断显示"插图"（<80px）或"插入/点击放置图片"
|
||
|
||
## 涉及文件及修改点
|
||
| 文件 | 修改点 |
|
||
|------|--------|
|
||
| `src/pages/Login.tsx` | `defaultSettings.autoInsertFrameIndices` 改为 `[0,2,4,6,8,10]` |
|
||
| `src/pages/SystemSettings.tsx` | `resetToDefault` 补全 autoInsert 相关字段，索引改为间隔抽取 |
|
||
| `src/pages/TemplateManage.tsx` | 导出文件名加时间戳；删除恢复补齐居中样式 |
|
||
|
||
## 风险与注意事项
|
||
1. `Login.tsx` 的修改只影响首次初始化（无 systemSettings 时），已有用户的 localStorage 不会被覆盖。
|
||
2. `SystemSettings.tsx` 的 `resetToDefault` 是用户主动触发的重置操作，会覆盖现有设置。
|
||
3. 两端编辑器的占位符删除恢复逻辑需要保持同步，后续修改时应同时检查 ReportEditor 和 TemplateManage。
|