33 lines
1.6 KiB
Markdown
33 lines
1.6 KiB
Markdown
# 需求分析 —— 2026-04-18-22-59-10
|
||
|
||
## 需求来源
|
||
用户希望调整字段默认下划线行为，并修复占位符文字居中的样式问题。
|
||
|
||
## 需求概述
|
||
|
||
### 需求 1：所有字段默认打印时不显示下划线
|
||
当前字段管理中，新增字段的「打印时显示下划线」复选框默认勾选（`hasUnderline` 默认为 `true`）。用户希望改为默认不勾选，即所有现有字段和新增字段在打印时默认不显示下划线。
|
||
|
||
具体改动点：
|
||
- `newFieldHasUnderline` 状态默认值从 `true` 改为 `false`
|
||
- 编辑字段回显时，`hasUnderline` 回退值从 `true` 改为 `false`
|
||
- `insertSmartField` 中类名判断逻辑改为：只要 `hasUnderline !== true` 就加 `.no-underline`
|
||
- `defaultContent.ts` 中 `smartField()` 直接给所有字段加 `.no-underline`
|
||
|
||
### 需求 2：修复删除图片后占位符文字偏左
|
||
删除图片后，占位符恢复为默认状态，但提示文字（如「插入/点击放置图片」）在虚线框内偏左，未真正居中。
|
||
|
||
原因分析：虽然使用了 `position:absolute + transform:translate(-50%, -50%)`，但 `placeholder-text` 是 `display:block; width:100%` 的块级元素，其内部文本流默认 `text-align:left`，导致文字靠左。
|
||
|
||
修复方案：在所有 `.placeholder-text` 的 style 中追加 `text-align:center;`。
|
||
|
||
## 涉及文件
|
||
- `src/pages/TemplateManage.tsx`（需求 1、2）
|
||
- `src/utils/defaultContent.ts`（需求 1、2）
|
||
- `src/pages/ReportEditor.tsx`（需求 2）
|
||
|
||
## 需求影响范围
|
||
- 字段管理的默认值和插入逻辑
|
||
- 默认模板中所有 smartField 的下划线行为
|
||
- 所有图片占位符的提示文字对齐方式
|