bugfix: 引用图片删除

This commit is contained in:
2026-03-26 16:45:35 +08:00
parent f4dfcfbfe4
commit 0118040e27
5 changed files with 104 additions and 91 deletions

View File

@@ -135,7 +135,9 @@ export default {
confirm: 'Confirm',
styleTitle: 'Settings',
createProject: 'Create Project',
trendingReport: 'Trending report'
trendingReport: 'Trending report',
reportPlaceholder:
'Generate a furniture trending report for 2026, including popular styles and design directions.'
},
area: {
unitedStates: 'United States',
@@ -202,45 +204,45 @@ export default {
download: 'Download'
},
DepthCanvas: {
layer: "Layer",
editDetails: "Edit Details",
export: "Export",
save: "Save",
workbench: "Workbench",
position: "Position",
size: "Size",
appearance: "Appearance",
opacity: "Opacity",
cornerRadius: "Cor Radius",
strokeWidth: "Stroke Width",
color: "Color",
image: "Image",
settings: "Settings",
rotation: "Rotation",
scale: "Scale",
gapX: "Gap X",
gapY: "Gap Y",
offset: "Offset",
emptyLayer: "Empty Layer",
aiGroupLayer: "AI Group Layer",
textLayer: "Text Layer",
rectLayer: "Rect Layer",
lineLayer: "Line Layer",
ellipseLayer: "Ellipse Layer",
triangleLayer: "Triangle Layer",
starLayer: "Star Layer",
arrowLayer: "Arrow Layer",
imageLayer: "Image Layer",
mergeLayer: "Merge Layer",
rectangle: "Rectangle",
line: "Line",
arrow: "Arrow",
ellipse: "Ellipse",
triangle: "Triangle",
star: "Star",
add: "Add",
remove: "Remove",
brush: "Brush",
erase: "Erase",
layer: 'Layer',
editDetails: 'Edit Details',
export: 'Export',
save: 'Save',
workbench: 'Workbench',
position: 'Position',
size: 'Size',
appearance: 'Appearance',
opacity: 'Opacity',
cornerRadius: 'Cor Radius',
strokeWidth: 'Stroke Width',
color: 'Color',
image: 'Image',
settings: 'Settings',
rotation: 'Rotation',
scale: 'Scale',
gapX: 'Gap X',
gapY: 'Gap Y',
offset: 'Offset',
emptyLayer: 'Empty Layer',
aiGroupLayer: 'AI Group Layer',
textLayer: 'Text Layer',
rectLayer: 'Rect Layer',
lineLayer: 'Line Layer',
ellipseLayer: 'Ellipse Layer',
triangleLayer: 'Triangle Layer',
starLayer: 'Star Layer',
arrowLayer: 'Arrow Layer',
imageLayer: 'Image Layer',
mergeLayer: 'Merge Layer',
rectangle: 'Rectangle',
line: 'Line',
arrow: 'Arrow',
ellipse: 'Ellipse',
triangle: 'Triangle',
star: 'Star',
add: 'Add',
remove: 'Remove',
brush: 'Brush',
erase: 'Erase'
}
}

View File

@@ -128,7 +128,8 @@ export default {
confirm: '确认',
styleTitle: '设置',
createProject: '创建项目',
trendingReport: '趋势报告'
trendingReport: '趋势报告',
reportPlaceholder: '生成一份2026年家具流行趋势报告内容包括流行风格和设计方向。'
},
area: {
unitedStates: '美国',
@@ -199,45 +200,45 @@ export default {
download: '下载'
},
DepthCanvas: {
layer: "图层",
editDetails: "编辑详情",
export: "导出",
save: "保存",
workbench: "工作台",
position: "位置",
size: "大小",
appearance: "外观",
opacity: "透明度",
cornerRadius: "圆角半径",
strokeWidth: "边框宽度",
color: "颜色",
image: "图片",
settings: "设置",
rotation: "旋转角度",
scale: "缩放",
gapX: "水平间距",
gapY: "垂直间距",
offset: "偏移量",
emptyLayer: "空图层",
aiGroupLayer: "智能选区组",
textLayer: "文本图层",
rectLayer: "矩形图层",
lineLayer: "直线图层",
ellipseLayer: "椭圆图层",
triangleLayer: "三角形图层",
starLayer: "五角星图层",
arrowLayer: "箭头图层",
imageLayer: "图片图层",
mergeLayer: "合并图层",
rectangle: "矩形",
line: "直线",
arrow: "箭头",
ellipse: "椭圆",
triangle: "三角形",
star: "五角星",
add: "添加",
remove: "删除",
brush: "画笔",
erase: "擦除",
layer: '图层',
editDetails: '编辑详情',
export: '导出',
save: '保存',
workbench: '工作台',
position: '位置',
size: '大小',
appearance: '外观',
opacity: '透明度',
cornerRadius: '圆角半径',
strokeWidth: '边框宽度',
color: '颜色',
image: '图片',
settings: '设置',
rotation: '旋转角度',
scale: '缩放',
gapX: '水平间距',
gapY: '垂直间距',
offset: '偏移量',
emptyLayer: '空图层',
aiGroupLayer: '智能选区组',
textLayer: '文本图层',
rectLayer: '矩形图层',
lineLayer: '直线图层',
ellipseLayer: '椭圆图层',
triangleLayer: '三角形图层',
starLayer: '五角星图层',
arrowLayer: '箭头图层',
imageLayer: '图片图层',
mergeLayer: '合并图层',
rectangle: '矩形',
line: '直线',
arrow: '箭头',
ellipse: '椭圆',
triangle: '三角形',
star: '五角星',
add: '添加',
remove: '删除',
brush: '画笔',
erase: '擦除'
}
}

View File

@@ -635,7 +635,6 @@
messageList.value = [...ancestorsList]
params.versionID = current?.id
sketchList.value = imgList
console.log('------------', messageList.value)
})
}

View File

@@ -35,16 +35,18 @@
.report-card {
cursor: pointer;
width: 100%;
margin: 2.4rem 0;
margin: 1.2rem 0 0;
min-height: 11.2rem;
background: url('@/assets/images/report-card.png') no-repeat;
background-size: 100% 100%;
padding: 2.9rem;
overflow: hidden;
position: relative;
margin-bottom: 0;
&.is-url {
background: url('@/assets/images/link-card.png') no-repeat;
background-size: 100% 100%;
margin: 2.4rem 0;
}
&.is-sketch {
background: url('@/assets/images/sketch-card.png') no-repeat;
@@ -61,7 +63,7 @@
&-header {
font-family: 'Medium';
font-size: 1.6rem;
font-size: 1.2rem;
margin-bottom: 1.3rem;
overflow: hidden;
text-overflow: ellipsis;
@@ -80,7 +82,7 @@
&-content {
font-family: 'Regular';
font-weight: 300;
font-size: 1.6rem;
font-size: 1.2rem;
color: #7c7c7c;
}
}

View File

@@ -16,7 +16,7 @@
class="preview-image"
@click="previewImage(image.url)"
/>
<div class="image-remove-btn" @click="removeImage(index)">
<div class="image-remove-btn" @click="removeImage(index, image)">
<SvgIcon name="delete" size="16" />
</div>
</div>
@@ -305,8 +305,16 @@
}
// 移除图片
const removeImage = (index: number) => {
uploadedImages.value.splice(index, 1)
const removeImage = (index: number, item: any) => {
if (quoteList.value.includes(item)) {
const quoteIndex = quoteList.value.indexOf(item)
if (quoteIndex > -1) {
quoteList.value.splice(quoteIndex, 1)
}
return
} else {
uploadedImages.value.splice(index, 1)
}
}
const styleKeys: string[] = [
@@ -472,8 +480,7 @@
customPlaceholder.value = placeholderSpan
// 打字机效果显示placeholder文本
const placeholderText =
'Generate a furniture trending report for 2026, including popular styles and design directions.'
const placeholderText = t('Input.reportPlaceholder')
typeWriterEffect(placeholderSpan, placeholderText)
const removePlaceholderOnInput = () => {
@@ -815,6 +822,8 @@
}
const handleQuote = (url: string) => {
const hasQuoted = quoteList.value.includes(url)
if (hasQuoted) return
quoteList.value.push(url)
}
onUnmounted(() => {