feat: 拖拽上传、图片缩放预览及新功能脚手架

- EcommercePage/WorkbenchPage 增加页面级拖拽文件上传支持
- 上传图片悬停缩放预览效果
- Workbench 参考素材增加图片/视频缩放预览
- CanvasPage 连接菜单位置微调 (-40)
- script-tokens-v5 文本溢出省略号修复
- 新增: CookieConsentBanner, CompliancePage, 电商面板组件, generation store/hooks/service
This commit is contained in:
OmniAI Developer
2026-06-04 17:03:49 +08:00
parent f86ca99548
commit 51762bb2c2
15 changed files with 377 additions and 21 deletions
+40 -2
View File
@@ -3153,7 +3153,13 @@
.product-clone-uploaded-thumb:hover .uploaded-image-zoom,
.product-clone-uploaded-thumb:focus-within .uploaded-image-zoom,
.clone-ai-replicate-preview figure:hover .uploaded-image-zoom,
.clone-ai-replicate-preview figure:focus-within .uploaded-image-zoom {
.clone-ai-replicate-preview figure:focus-within .uploaded-image-zoom,
.product-set-main-card:hover .uploaded-image-zoom,
.product-set-main-card:focus-within .uploaded-image-zoom,
.clone-ai-main-result:hover .uploaded-image-zoom,
.clone-ai-main-result:focus-within .uploaded-image-zoom,
.product-detail-source-stack figure:hover .uploaded-image-zoom,
.product-detail-source-stack figure:focus-within .uploaded-image-zoom {
opacity: 1;
transform: translate(-50%, 0) scale(1);
visibility: visible;
@@ -4548,6 +4554,7 @@
}
.product-set-main-card {
position: relative;
height: 336px;
}
@@ -5578,8 +5585,9 @@
}
.product-detail-source-stack figure {
position: relative;
margin: 0;
overflow: hidden;
overflow: visible;
background: #eef2f7;
}
@@ -8081,6 +8089,8 @@
.ecommerce-template-apple-carousel.is-resetting .ecommerce-template-apple-card,
.ecommerce-template-apple-carousel.is-resetting .ecommerce-template-apple-card img {
transition: none;
}
.clone-ai-video-outfit-upload {
display: flex;
align-items: center;
@@ -8967,3 +8977,31 @@
padding-top: 14px;
}
}
/* ─── Page Drag-and-Drop Overlay ─── */
.product-clone-page.is-page-dragging {
position: relative;
}
.ecommerce-drag-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
border: 2px dashed rgba(0, 255, 136, 0.5);
border-radius: 14px;
background: rgba(0, 255, 136, 0.06);
color: rgba(0, 255, 136, 0.9);
font-size: 16px;
font-weight: 600;
letter-spacing: 0.02em;
z-index: 100;
pointer-events: none;
animation: ecommerce-drag-pulse 1.2s ease-in-out infinite;
}
@keyframes ecommerce-drag-pulse {
0%, 100% { border-color: rgba(0, 255, 136, 0.5); }
50% { border-color: rgba(0, 255, 136, 0.8); }
}
+4
View File
@@ -2802,6 +2802,10 @@
color: #e9fff5;
font-size: 14px;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 8em;
}
.script-eval-v5-uf-size {