|
@@ -219,6 +219,7 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
{ relation: '=', width: 720, height: 1280 },
|
|
|
{ relation: '=', width: 960, height: 334 },
|
|
|
{ relation: '=', width: 480, height: 320 },
|
|
|
+ { relation: '=', width: 1080, height: 1920 }
|
|
|
],
|
|
|
fileSize: 400 * 1024
|
|
|
}
|
|
@@ -360,6 +361,7 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
{ relation: '=', width: 720, height: 1280 },
|
|
|
{ relation: '=', width: 960, height: 334 },
|
|
|
{ relation: '=', width: 480, height: 320 },
|
|
|
+ { relation: '=', width: 1080, height: 1920 }
|
|
|
],
|
|
|
fileSize: 400 * 1024
|
|
|
}
|
|
@@ -622,9 +624,9 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
visible={selectVideoVisible}
|
|
|
isGroup={materialConfig?.isGroup}
|
|
|
sliderImgContent={materialConfig.index === 99999 ? undefined :
|
|
|
- materialConfig.type === 'element_story' ? (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes('element_story')) ? dynamicGroup[materialConfig.index]['element_story']?.map((item: any) => ({ oss_url: item.url, id: item.id, materialType: item?.materialType, material_type: selectCloudData.defaultParams.materialType, })) : undefined :
|
|
|
- materialConfig.type === 'image_list' ? (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes('image_list')) ? dynamicGroup[materialConfig.index]['image_list']?.map((item: any) => ({ oss_url: item.url, id: item.id, materialType: item?.materialType, material_type: selectCloudData.defaultParams.materialType, })) : undefined :
|
|
|
- (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes(materialConfig.type)) ? [{ oss_url: dynamicGroup[materialConfig.index][materialConfig.type]['url'], id: dynamicGroup[materialConfig.index][materialConfig.type]['id'], material_type: selectCloudData.defaultParams.materialType, materialType: dynamicGroup[materialConfig.index][materialConfig.type]?.['materialType'], key_frame_image_url: dynamicGroup[materialConfig.index][materialConfig.type]?.['keyFrameImageUrl'] }] : undefined
|
|
|
+ materialConfig.type === 'element_story' ? (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes('element_story')) ? dynamicGroup[materialConfig.index]['element_story']?.map((item: any) => ({ oss_url: item.url, id: item.id, materialType: item?.materialType, material_type: selectCloudData.defaultParams.materialType, owner_account_id: item?.accountId })) : undefined :
|
|
|
+ materialConfig.type === 'image_list' ? (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes('image_list')) ? dynamicGroup[materialConfig.index]['image_list']?.map((item: any) => ({ oss_url: item.url, id: item.id, materialType: item?.materialType, material_type: selectCloudData.defaultParams.materialType, owner_account_id: item?.accountId })) : undefined :
|
|
|
+ (dynamicGroup[materialConfig.index] && Object.keys(dynamicGroup[materialConfig.index])?.includes(materialConfig.type)) ? [{ oss_url: dynamicGroup[materialConfig.index][materialConfig.type]['url'], id: dynamicGroup[materialConfig.index][materialConfig.type]['id'], material_type: selectCloudData.defaultParams.materialType, materialType: dynamicGroup[materialConfig.index][materialConfig.type]?.['materialType'], key_frame_image_url: dynamicGroup[materialConfig.index][materialConfig.type]?.['keyFrameImageUrl'], owner_account_id: dynamicGroup[materialConfig.index][materialConfig.type]?.['accountId'] }] : undefined
|
|
|
}
|
|
|
onClose={() => {
|
|
|
setSelectVideoVisible(false)
|
|
@@ -640,9 +642,9 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
} else {
|
|
|
const aContent = content.map((m: any) => {
|
|
|
if (selectCloudData?.defaultParams?.materialType === 'video' && m?.materialType === 1) {
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.owner_account_id }
|
|
|
}
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.owner_account_id }
|
|
|
})
|
|
|
let newDynamicGroup = dynamicGroup?.map((item: any) => {
|
|
|
let oldList = item?.list || []
|
|
@@ -669,17 +671,17 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
if (materialConfig.isGroup) {
|
|
|
oldList = oldList.concat([content.map((m: any) => {
|
|
|
if (selectCloudData?.defaultParams?.materialType === 'video' && m?.materialType === 1) {
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.owner_account_id }
|
|
|
}
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.owner_account_id }
|
|
|
})])
|
|
|
return { list: oldList }
|
|
|
} else {
|
|
|
oldList = oldList.concat(content.map((m: any) => {
|
|
|
if (selectCloudData?.defaultParams?.materialType === 'video' && m?.materialType === 1) {
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, keyFrameImageUrl: m?.key_frame_image_url, accountId: m?.owner_account_id }
|
|
|
}
|
|
|
- return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.account_id }
|
|
|
+ return { id: m?.id, url: m?.oss_url, materialType: m?.materialType || 0, accountId: m?.owner_account_id }
|
|
|
}))
|
|
|
return { list: oldList }
|
|
|
}
|
|
@@ -691,7 +693,7 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
} else { // 自定义创意
|
|
|
if (materialConfig.index === 99999) {
|
|
|
if (materialConfig.type === 'image_list' || materialConfig.type === 'element_story') {
|
|
|
- let urls = content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.account_id }))
|
|
|
+ let urls = content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.owner_account_id }))
|
|
|
let max = materialConfig.max
|
|
|
let materialsNew = dynamicGroup.map((item: any) => {
|
|
|
let newItem = item || {}
|
|
@@ -739,9 +741,9 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
} else {
|
|
|
let newMaterials = content?.map((item: any) => {
|
|
|
if (["short_video1", 'video_id'].includes(materialConfig.type) && mLength === 2) {
|
|
|
- return { [materialConfig.type]: { url: item?.oss_url, keyFrameImageUrl: item.key_frame_image_url, id: item?.id, materialType: item?.materialType || 0, accountId: item?.account_id }, cover_id: { url: item?.materialType === 1 ? item?.key_frame_image_url : getVideoImgUrl(item?.oss_url), id: null, materialType: item?.materialType || 0, accountId: item?.account_id } }
|
|
|
+ return { [materialConfig.type]: { url: item?.oss_url, keyFrameImageUrl: item.key_frame_image_url, id: item?.id, materialType: item?.materialType || 0, accountId: item?.owner_account_id }, cover_id: { url: item?.materialType === 1 ? item?.key_frame_image_url : getVideoImgUrl(item?.oss_url), id: null, materialType: item?.materialType || 0, accountId: item?.owner_account_id } }
|
|
|
}
|
|
|
- return { [materialConfig.type]: { url: item?.oss_url, id: item?.id, materialType: item?.materialType || 0, accountId: item?.account_id } }
|
|
|
+ return { [materialConfig.type]: { url: item?.oss_url, id: item?.id, materialType: item?.materialType || 0, accountId: item?.owner_account_id } }
|
|
|
})
|
|
|
if (newMaterials.length > 0) {
|
|
|
if (dynamicGroup?.every((item: any) => !item)) { // 没设置过
|
|
@@ -772,14 +774,14 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
if (materialConfig.index === index) {
|
|
|
if (materialConfig.type === 'image_list' || materialConfig.type === 'element_story') {
|
|
|
if (item) {
|
|
|
- item[materialConfig.type] = content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.account_id }))
|
|
|
+ item[materialConfig.type] = content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.owner_account_id }))
|
|
|
return { ...item }
|
|
|
} else {
|
|
|
- return { [materialConfig.type]: content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.account_id })) }
|
|
|
+ return { [materialConfig.type]: content?.map((item: any) => ({ id: item?.id, url: item?.oss_url, materialType: item?.materialType || 0, accountId: item?.owner_account_id })) }
|
|
|
}
|
|
|
} else {
|
|
|
if (item) {
|
|
|
- let d: any = { id: content[0]?.id, url: content[0]?.oss_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.account_id }
|
|
|
+ let d: any = { id: content[0]?.id, url: content[0]?.oss_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.owner_account_id }
|
|
|
if (["short_video1", 'video_id'].includes(materialConfig.type) && content[0]?.materialType === 1) {
|
|
|
d.keyFrameImageUrl = content[0]?.key_frame_image_url
|
|
|
}
|
|
@@ -787,9 +789,9 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
return { ...item }
|
|
|
} else {
|
|
|
if (["short_video1", 'video_id'].includes(materialConfig.type) && mLength === 2) {
|
|
|
- return { [materialConfig.type]: { id: content[0]?.id, url: content[0]?.oss_url, keyFrameImageUrl: content[0]?.key_frame_image_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.account_id }, cover_id: { id: null, url: content[0]?.materialType === 1 ? content[0]?.key_frame_image_url : getVideoImgUrl(content[0]?.oss_url), materialType: content[0]?.materialType || 0, accountId: content[0]?.account_id } }
|
|
|
+ return { [materialConfig.type]: { id: content[0]?.id, url: content[0]?.oss_url, keyFrameImageUrl: content[0]?.key_frame_image_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.owner_account_id }, cover_id: { id: null, url: content[0]?.materialType === 1 ? content[0]?.key_frame_image_url : getVideoImgUrl(content[0]?.oss_url), materialType: content[0]?.materialType || 0, accountId: content[0]?.owner_account_id } }
|
|
|
}
|
|
|
- return { [materialConfig.type]: { id: content[0]?.id, url: content[0]?.oss_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.account_id } }
|
|
|
+ return { [materialConfig.type]: { id: content[0]?.id, url: content[0]?.oss_url, materialType: content[0]?.materialType || 0, accountId: content[0]?.owner_account_id } }
|
|
|
}
|
|
|
}
|
|
|
}
|