复用编辑器修改提交按钮

编辑器修改图片提交按钮改为复用 PlatformActionButton

删除编辑器局部提交按钮颜色和禁用态样式

更新 TRACKING 记录按钮组件收口
This commit is contained in:
2026-06-14 03:50:29 +08:00
parent b39d93214d
commit f59dee849a
3 changed files with 5 additions and 15 deletions

View File

@@ -83,3 +83,4 @@
- 2026-06-14 组件复用修正:项目页读取失败提示改为复用 `PlatformStatusMessage`,页面局部错误样式只保留布局间距;验证命令:`npm run test -- src/components/project/ProjectGalleryView.test.tsx src/components/common/PlatformStatusMessage.test.tsx``npm run typecheck``npm run check:encoding``git diff --check` - 2026-06-14 组件复用修正:项目页读取失败提示改为复用 `PlatformStatusMessage`,页面局部错误样式只保留布局间距;验证命令:`npm run test -- src/components/project/ProjectGalleryView.test.tsx src/components/common/PlatformStatusMessage.test.tsx``npm run typecheck``npm run check:encoding``git diff --check`
- 2026-06-14 组件复用修正:编辑器生成 / 修改流程中的生成中与失败提示改为复用 `PlatformStatusMessage`,删除局部状态条颜色和错误变体样式;验证命令:`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformStatusMessage.test.tsx``npm run typecheck``npm run check:encoding``git diff --check` - 2026-06-14 组件复用修正:编辑器生成 / 修改流程中的生成中与失败提示改为复用 `PlatformStatusMessage`,删除局部状态条颜色和错误变体样式;验证命令:`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformStatusMessage.test.tsx``npm run typecheck``npm run check:encoding``git diff --check`
- 2026-06-14 组件复用修正:编辑器画布背景色菜单改为复用 `PlatformFloatingMenu``PlatformFloatingMenuItem`,删除局部菜单容器定位 / 边框 / 阴影样式;验证命令:`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformFloatingMenu.test.tsx``npm run typecheck``npm run check:encoding``git diff --check` - 2026-06-14 组件复用修正:编辑器画布背景色菜单改为复用 `PlatformFloatingMenu``PlatformFloatingMenuItem`,删除局部菜单容器定位 / 边框 / 阴影样式;验证命令:`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformFloatingMenu.test.tsx``npm run typecheck``npm run check:encoding``git diff --check`
- 2026-06-14 组件复用修正:编辑器“修改图片”弹窗提交按钮改为复用 `PlatformActionButton`,删除局部提交按钮颜色、边框和禁用态样式;验证命令:`npm run test -- src/components/image-editor/ImageCanvasEditorView.test.tsx src/components/common/PlatformActionButton.test.tsx``npm run typecheck``npm run check:encoding``git diff --check`

View File

@@ -51,6 +51,7 @@ import {
EditorIconButton, EditorIconButton,
SidebarMediaItem, SidebarMediaItem,
} from './ImageCanvasEditorPrimitives'; } from './ImageCanvasEditorPrimitives';
import { PlatformActionButton } from '../common/PlatformActionButton';
import { import {
PlatformFloatingMenu, PlatformFloatingMenu,
PlatformFloatingMenuItem, PlatformFloatingMenuItem,
@@ -2218,8 +2219,9 @@ export function ImageCanvasEditorView() {
{generateDialog.errorMessage} {generateDialog.errorMessage}
</PlatformStatusMessage> </PlatformStatusMessage>
) : null} ) : null}
<button <PlatformActionButton
type="submit" type="submit"
size="sm"
className="image-canvas-editor__generate-submit" className="image-canvas-editor__generate-submit"
disabled={generateDialog.status === 'generating'} disabled={generateDialog.status === 'generating'}
> >
@@ -2230,7 +2232,7 @@ export function ImageCanvasEditorView() {
: generateDialog.mode === 'edit' : generateDialog.mode === 'edit'
? '修改' ? '修改'
: '生成'} : '生成'}
</button> </PlatformActionButton>
</div> </div>
</form> </form>
) : null} ) : null}

View File

@@ -4193,19 +4193,6 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__generate-submit { .image-canvas-editor__generate-submit {
justify-self: end; justify-self: end;
min-width: 5.5rem;
min-height: 2.25rem;
border: 1px solid #38bdf8;
border-radius: 0.45rem;
background: #0ea5e9;
color: #ffffff;
font-size: 0.8rem;
font-weight: 850;
}
.image-canvas-editor__generate-submit:disabled {
cursor: wait;
opacity: 0.68;
} }
.image-canvas-editor__metadata-grid { .image-canvas-editor__metadata-grid {