lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: simplify psd editor chrome
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-04-02 10:51:33 +08:00
parent a63db2af6b
commit 5e51cd8ca4
1 changed files with 6 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
components/agents/AgentPsdTemplateEditorDialog.tsx
View File

@ -20,9 +20,6 @@ import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry";
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
@ -1020,16 +1017,6 @@ export function AgentPsdTemplateEditorDialog({
overlayClassName="bg-black/85 backdrop-blur-sm"
className="flex h-[96vh] w-[96vw] max-w-[1700px] flex-col overflow-hidden border border-white/10 bg-[#09090b] p-0 text-white shadow-[0_30px_120px_rgba(0,0,0,0.65)]"
>
<DialogHeader className="border-b border-white/10 bg-[#09090b] px-5 py-4">
<DialogTitle className="flex items-center gap-2">
<Sparkles className="h-5 w-5 text-orange-500" />
套用 PSD 模板
</DialogTitle>
<DialogDescription>
这里是直接在模板里替换图片和修改文字，不会再次调用 AI 生图模型。
</DialogDescription>
</DialogHeader>
{fontFaceCss ? <style>{fontFaceCss}</style> : null}
<div className="grid min-h-0 flex-1 grid-cols-1 overflow-hidden xl:grid-cols-[300px_minmax(0,1fr)_380px]">
@ -1040,7 +1027,7 @@ export function AgentPsdTemplateEditorDialog({
<Label>选择模板</Label>
{hasTemplateOptions ? (
<Select value={selectedTemplateSelectValue} onValueChange={setSelectedTemplateId}>
<SelectTrigger className="h-[74px] items-center">
<SelectTrigger className="h-[68px] items-center">
{selectedTemplate ? (
<span className="flex min-w-0 items-center gap-3">
<span className="flex h-12 w-12 shrink-0 overflow-hidden rounded-xl border border-white/10 bg-white/5">
@ -1050,7 +1037,7 @@ export function AgentPsdTemplateEditorDialog({
className="h-full w-full object-cover"
/>
</span>
<span className="min-w-0 text-left">
<span className="flex min-w-0 flex-col justify-center text-left leading-tight">
{shouldGroupTemplatesBySecondaryCategory &&
selectedTemplate.secondaryCategory ? (
<span className="block truncate text-[11px] text-white/50">
@ -1550,11 +1537,8 @@ export function AgentPsdTemplateEditorDialog({
</div>
<div className="flex min-h-0 flex-col bg-[#09090b] p-4 xl:p-5">
<div className="mb-3 flex items-center justify-between gap-3">
<div className="text-sm font-medium">
{renderedResultUrl && rightPanelView === "export" ? "导出结果" : "当前选中图层"}
</div>
{renderedResultUrl ? (
{renderedResultUrl ? (
<div className="mb-3 flex items-center justify-end gap-3">
<div className="inline-flex rounded-full border border-white/10 bg-white/[0.03] p-1">
<button
type="button"
@ -1579,8 +1563,8 @@ export function AgentPsdTemplateEditorDialog({
导出结果
</button>
</div>
) : null}
</div>
</div>
) : null}
<Input
ref={uploadInputRef}
@ -1622,29 +1606,6 @@ export function AgentPsdTemplateEditorDialog({
<div className="flex min-h-0 flex-1 flex-col rounded-2xl border border-white/10 bg-white/[0.02] p-3.5 xl:p-4">
{selectedImageLayer ? (
<div className="flex h-full flex-col gap-3">
<div className="flex flex-wrap items-center gap-2">
<Badge variant="default">可替换图片</Badge>
<div className="text-sm font-medium">{selectedImageLayer.layerName}</div>
<Badge variant="outline">
{selectedImageLayer.width} x {selectedImageLayer.height}
</Badge>
</div>
<div className="text-xs text-muted-foreground">{selectedImageLayer.layerPath}</div>
<div className="overflow-hidden rounded-xl border border-white/10 bg-white/5">
<div className="flex h-[160px] items-center justify-center p-3 xl:h-[180px]">
{effectiveImageAssignments[selectedImageLayer.id] ? (
<img
src={effectiveImageAssignments[selectedImageLayer.id]}
alt={selectedImageLayer.layerName}
className="h-full w-full object-contain"
/>
) : (
<div className="flex h-full items-center justify-center text-xs text-muted-foreground">
暂未替换图片
</div>
)}
</div>
</div>
{effectiveImageAssignments[selectedImageLayer.id] ? (
<div className="space-y-3 rounded-xl border border-white/10 bg-white/[0.03] p-3">
<div className="flex items-center gap-2 text-xs text-muted-foreground">
@ -1787,14 +1748,6 @@ export function AgentPsdTemplateEditorDialog({
</div>
) : selectedTextLayer ? (
<div className="flex h-full flex-col gap-3">
<div className="flex flex-wrap items-center gap-2">
<Badge variant="default">可编辑文字</Badge>
<div className="text-sm font-medium">{selectedTextLayer.layerName}</div>
<Badge variant="outline">
{selectedTextLayer.width} x {selectedTextLayer.height}
</Badge>
</div>
<div className="text-xs text-muted-foreground">{selectedTextLayer.layerPath}</div>
<Textarea
rows={4}
value={effectiveTextAssignments[selectedTextLayer.id] || ""}