复用编辑器修改图片弹窗外壳

编辑器修改图片弹窗改为复用 UnifiedModal

删除编辑器局部弹窗遮罩和标题栏样式

更新 TRACKING 记录弹窗组件收口

src/components/image-editor/ImageCanvasEditorView.tsx

@@ -2147,21 +2147,21 @@ export function ImageCanvasEditorView() {
         ) : null}
       </UnifiedModal>
 
-      {generateDialog?.mode === 'edit' ? (
-        <div
-          className="image-canvas-editor__modal-backdrop"
-          onPointerDown={() => {
-            if (generateDialog.status !== 'generating') {
-              setGenerateDialog(null);
-            }
-          }}
-        >
+      <UnifiedModal
+        open={generateDialog?.mode === 'edit'}
+        title={generateDialog?.mode === 'edit' ? '修改图片' : '生成图片'}
+        size="sm"
+        closeLabel={
+          generateDialog?.mode === 'edit' ? '关闭修改图片' : '关闭生成图片'
+        }
+        closeDisabled={generateDialog?.status === 'generating'}
+        onClose={() => setGenerateDialog(null)}
+        panelClassName="image-canvas-editor__generate-dialog"
+        bodyClassName="image-canvas-editor__generate-dialog-body"
+      >
+        {generateDialog?.mode === 'edit' ? (
           <form
-            className="image-canvas-editor__generate-dialog"
-            role="dialog"
-            aria-label={generateDialog.mode === 'edit' ? '修改图片' : '生成图片'}
-            aria-modal="true"
-            onPointerDown={(event) => event.stopPropagation()}
+            className="image-canvas-editor__generate-form"
             onSubmit={(event) => {
               event.preventDefault();
               if (generateDialog.status !== 'generating') {
@@ -2169,17 +2169,6 @@ export function ImageCanvasEditorView() {
               }
             }}
           >
-            <div className="image-canvas-editor__metadata-header">
-              <h2>{generateDialog.mode === 'edit' ? '修改图片' : '生成图片'}</h2>
-              <EditorIconButton
-                label={
-                  generateDialog.mode === 'edit' ? '关闭修改图片' : '关闭生成图片'
-                }
-                icon={X}
-                disabled={generateDialog.status === 'generating'}
-                onClick={() => setGenerateDialog(null)}
-              />
-            </div>
             <div className="image-canvas-editor__generate-body">
               <textarea
                 aria-label="生成提示词"
@@ -2232,8 +2221,8 @@ export function ImageCanvasEditorView() {
               </button>
             </div>
           </form>
-        </div>
-      ) : null}
+        ) : null}
+      </UnifiedModal>
     </section>
   );
 }