|
@@ -299,60 +299,72 @@ const AddMaterial: React.FC<Props> = ({ creativeTemplateId, materialData, delive
|
|
|
<strong style={{ fontSize: 18 }}>创意组{num + 1}</strong>
|
|
|
{deliveryMode === 'DELIVERY_MODE_COMPONENT' && <>
|
|
|
<Dropdown
|
|
|
- overlay={<Menu>
|
|
|
- <Menu.Item onClick={() => {
|
|
|
- init({
|
|
|
- mediaType: 'VIDEO', num: 15, cloudSize: [[
|
|
|
- { relation: '>=', width: 1280, height: 720 },
|
|
|
- { relation: '>=', width: 720, height: 1280 }
|
|
|
- ]], maxSize: 512000 * 1024
|
|
|
- })
|
|
|
- setMaterialConfig({
|
|
|
- ...materialConfig,
|
|
|
- type: 'video',
|
|
|
- max: 15 - (dynamicGroup?.[num]?.['list']?.length || 0),
|
|
|
- index: num,
|
|
|
- adcreativeTemplateId: creativeTemplateId,
|
|
|
- isGroup: false
|
|
|
- })
|
|
|
- setTimeout(() => {
|
|
|
- setSelectVideoVisible(true)
|
|
|
- }, 100)
|
|
|
- }}>添加视频</Menu.Item>
|
|
|
- <Menu.Item onClick={() => {
|
|
|
- init({
|
|
|
- mediaType: 'IMG', num: 15, cloudSize: [[
|
|
|
- { relation: '=', width: 800, height: 800 },
|
|
|
- { relation: '=', width: 1280, height: 720 },
|
|
|
- { relation: '=', width: 720, height: 1280 },
|
|
|
- { relation: '=', width: 960, height: 334 },
|
|
|
- { relation: '=', width: 480, height: 320 },
|
|
|
- ]], maxSize: 400 * 1024
|
|
|
- })
|
|
|
- setMaterialConfig({
|
|
|
- ...materialConfig,
|
|
|
- type: 'image',
|
|
|
- max: 15 - (dynamicGroup?.[num]?.['list']?.length || 0),
|
|
|
- index: num,
|
|
|
- adcreativeTemplateId: creativeTemplateId,
|
|
|
- isGroup: false
|
|
|
- })
|
|
|
- setTimeout(() => {
|
|
|
- setSelectVideoVisible(true)
|
|
|
- }, 100)
|
|
|
- }}>新增图片</Menu.Item>
|
|
|
- </Menu>}
|
|
|
+ menu={{
|
|
|
+ items: [
|
|
|
+ {
|
|
|
+ label: '添加视频',
|
|
|
+ key: 'addVideo',
|
|
|
+ onClick: () => {
|
|
|
+ init({
|
|
|
+ mediaType: 'VIDEO', num: 15, cloudSize: [[
|
|
|
+ { relation: '>=', width: 1280, height: 720 },
|
|
|
+ { relation: '>=', width: 720, height: 1280 }
|
|
|
+ ]], maxSize: 512000 * 1024
|
|
|
+ })
|
|
|
+ setMaterialConfig({
|
|
|
+ ...materialConfig,
|
|
|
+ type: 'video',
|
|
|
+ max: 15 - (dynamicGroup?.[num]?.['list']?.length || 0),
|
|
|
+ index: num,
|
|
|
+ adcreativeTemplateId: creativeTemplateId,
|
|
|
+ isGroup: false
|
|
|
+ })
|
|
|
+ setTimeout(() => {
|
|
|
+ setSelectVideoVisible(true)
|
|
|
+ }, 100)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '添加图片',
|
|
|
+ key: 'addImg',
|
|
|
+ onClick: () => {
|
|
|
+ init({
|
|
|
+ mediaType: 'IMG', num: 15, cloudSize: [[
|
|
|
+ { relation: '=', width: 800, height: 800 },
|
|
|
+ { relation: '=', width: 1280, height: 720 },
|
|
|
+ { relation: '=', width: 720, height: 1280 },
|
|
|
+ { relation: '=', width: 960, height: 334 },
|
|
|
+ { relation: '=', width: 480, height: 320 },
|
|
|
+ ]], maxSize: 400 * 1024
|
|
|
+ })
|
|
|
+ setMaterialConfig({
|
|
|
+ ...materialConfig,
|
|
|
+ type: 'image',
|
|
|
+ max: 15 - (dynamicGroup?.[num]?.['list']?.length || 0),
|
|
|
+ index: num,
|
|
|
+ adcreativeTemplateId: creativeTemplateId,
|
|
|
+ isGroup: false
|
|
|
+ })
|
|
|
+ setTimeout(() => {
|
|
|
+ setSelectVideoVisible(true)
|
|
|
+ }, 100)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }}
|
|
|
placement="bottomLeft"
|
|
|
arrow
|
|
|
>
|
|
|
<Button type="primary">添加图片/视频</Button>
|
|
|
</Dropdown>
|
|
|
<Dropdown
|
|
|
- overlay={<Menu>
|
|
|
- <Menu.Item disabled={dynamicGroup?.[num]?.['list']?.length >= 15} onClick={() => { selectGroupImg(num, 6) }}>1:1 六图</Menu.Item>
|
|
|
- <Menu.Item disabled={dynamicGroup?.[num]?.['list']?.length >= 15} onClick={() => { selectGroupImg(num, 3) }}>1:1 三图</Menu.Item>
|
|
|
- <Menu.Item disabled={dynamicGroup?.[num]?.['list']?.length >= 15} onClick={() => { selectGroupImg(num, 4) }}>1:1 四图</Menu.Item>
|
|
|
- </Menu>}
|
|
|
+ menu={{
|
|
|
+ items: [
|
|
|
+ { label: '1:1 六图', key: '1', disabled: dynamicGroup?.[num]?.['list']?.length >= 15, onClick: () => { selectGroupImg(num, 6) } },
|
|
|
+ { label: '1:1 三图', key: '2', disabled: dynamicGroup?.[num]?.['list']?.length >= 15, onClick: () => { selectGroupImg(num, 3) } },
|
|
|
+ { label: '1:1 四图', key: '3', disabled: dynamicGroup?.[num]?.['list']?.length >= 15, onClick: () => { selectGroupImg(num, 4) } },
|
|
|
+ ]
|
|
|
+ }}
|
|
|
placement="bottomLeft"
|
|
|
arrow
|
|
|
>
|