fix: align hot clone reference upload UI

This commit is contained in:
Codex
2026-06-15 19:59:00 +08:00
parent de3eb1d06a
commit f056547160
2 changed files with 25 additions and 3 deletions
+17 -2
View File
@@ -6899,7 +6899,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
<div
role="button"
tabIndex={0}
className={`ecom-quick-set-upload${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
className={`ecom-quick-set-upload ecom-quick-hot-material ecom-quick-hot-reference${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
onClick={() => cloneReferenceInputRef.current?.click()}
onKeyDown={(event) => openQuickUploadWithKeyboard(event, cloneReferenceInputRef)}
onDragOver={(event) => { event.preventDefault(); event.stopPropagation(); if (event.dataTransfer.types.includes("Files")) setIsCloneReferenceDragging(true); }}
@@ -6910,7 +6910,22 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
<span></span>
<em> {maxCloneReferenceImages} </em>
<b>+ </b>
{cloneReferenceImages.length ? renderQuickUploadThumbs(cloneReferenceImages, removeCloneReferenceImage) : null}
{cloneReferenceImages.length ? (
<>
{renderHotMaterialThumbs(cloneReferenceImages, removeCloneReferenceImage)}
<button
type="button"
className="ecom-quick-hot-add-btn"
aria-label="添加更多参考图"
onClick={(event) => {
event.stopPropagation();
cloneReferenceInputRef.current?.click();
}}
>
<PlusOutlined />
</button>
</>
) : null}
</div>
<input
ref={cloneReferenceInputRef}