OmniAI/omniai-ds-code-package
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/fix/compact-composer-whitespace' into main-merge-work

Browse Source 
# Conflicts:
#	src/features/ecommerce/EcommercePage.tsx
#	src/styles/ecommerce-standalone.css
This commit is contained in:
Stringadmin
2026-06-13 19:41:04 +08:00
parent 76ae9ab0ac e88edbe165
commit f51dfb17e1
2 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/ecommerce/EcommercePage.tsx
+26 -13
View File
@@ -4985,21 +4985,34 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
}} }}
/> />
{node.sourceImage ? ( {node.sourceImage ? (
<button <div className="clone-ai-source-stack">
type="button" <button
className="clone-ai-main-result" type="button"
onClick={() => openProductSetPreview({ src: node.sourceImage!, label: "原图素材" })} className="clone-ai-source-corner-action"
> onClick={() => openProductSetPreview({ src: node.sourceImage!, label: "原图素材" })}
<img src={node.sourceImage} alt="原图素材" /> >
</button> 原图素材
</button>
<button
type="button"
className="clone-ai-main-result"
aria-label="预览原图素材"
onClick={() => openProductSetPreview({ src: node.sourceImage!, label: "原图素材" })}
>
<img src={node.sourceImage} alt="原图素材" />
</button>
</div>
) : null} ) : null}
<div className="clone-ai-flow-arrow" aria-hidden="true" /> <div className="clone-ai-flow-arrow" aria-hidden="true" />
<div className="clone-ai-result-grid result-reveal"> <div className="clone-ai-result-stack">
{node.results.map((card) => ( <span className="clone-ai-node-label">{node.mode === "set" ? "套图" : node.mode === "detail" ? "详情图" : node.mode === "model" ? "模特图" : node.mode === "hot" ? "爆款图" : node.mode}</span>
<button key={card.id} type="button" style={{ aspectRatio: parseRatioToAspectCss(ratio) }} onClick={() => openProductSetPreview(card, { nodeId: node.id, removable: true })}> <div className="clone-ai-result-grid result-reveal">
<img src={card.src} alt={card.label} /> {node.results.map((card) => (
</button> <button key={card.id} type="button" style={{ aspectRatio: parseRatioToAspectCss(ratio) }} onClick={() => openProductSetPreview(card, { nodeId: node.id, removable: true })}>
))} <img src={card.src} alt={card.label} />
</button>
))}
</div>
</div> </div>
</article> </article>
))} ))}
src/styles/ecommerce-standalone.css
+21
View File
@@ -2944,6 +2944,15 @@
border-radius: 8px; border-radius: 8px;
} }
.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-result-stack > .clone-ai-node-label {
position: absolute;
top: -6px;
left: 50%;
z-index: 5;
transform: translate(-50%, -100%);
white-space: nowrap;
}
.ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node.is-generating { .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-canvas-node.is-generating {
justify-content: center; justify-content: center;
min-width: 200px; min-width: 200px;
@@ -13473,3 +13482,15 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
display: inline !important; display: inline !important;
} }
} }
/* Compact composer override: keep the generated-state composer from growing into the canvas. */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer,
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
min-height: 156px !important;
max-height: 186px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap.has-generated.is-compact:not(.is-history-detail *) .ecom-command-composer textarea {
min-height: 36px !important;
max-height: 36px !important;
}