This commit is contained in:
PC-202306242200\Administrator
2024-11-13 14:04:05 +08:00
parent 4549453dff
commit 6b7e6260c5
8 changed files with 31 additions and 16 deletions

2
dist/index.html vendored
View File

@@ -8,6 +8,6 @@
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script src="/umi.7a718c7d.js"></script> <script src="/umi.9848ee1f.js"></script>
</body></html> </body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -76,14 +76,8 @@ export const FilesManager = ({ fileType, count, defaultValue, mode, imagesShow =
}; };
const onCheckedFile = (item) => { const onCheckedFile = (item) => {
console.log(12345);
console.log(item.fileType); console.log(item.fileType);
console.log(fileType,'提娜佳'); console.log(fileType,'提娜佳');
if(fileType && !item.fileType.includes(fileType)){ if(fileType && !item.fileType.includes(fileType)){
message.error(`请选择正确的格式`); message.error(`请选择正确的格式`);
return return
@@ -222,15 +216,15 @@ export const FilesManager = ({ fileType, count, defaultValue, mode, imagesShow =
} }
}; };
const onChangeUpload = (info) => { const onChangeUpload = (info) => {
setFileList(info.fileList); setFileList(info.fileList,'6666666');
if (info.file.status !== 'uploading') { if (info.file.status !== 'uploading') {
} }
if (info.file.status === 'done') { if (info.file.status === 'done') {
console.log(info) console.log(info,'6666666')
filesAdd({ filesAdd({
path: OSSData?.dir + info.file.name, path: OSSData?.dir + info.file.name,
categoryId: cid, categoryId: cid,
fileType: 'images', fileType: info.file.type.includes('video') ? 'video' : 'images',
name: info.file.name name: info.file.name
}).then(() => { }).then(() => {
setFileList(null); setFileList(null);

View File

@@ -57,7 +57,12 @@ const RoleForm: React.FC = (props: any) => {
const onChange = async (e) => { const onChange = async (e) => {
var list = e.map((item, index) => { var list = e.map((item, index) => {
return { type: 'IMAGE', url: item, } console.log(item,'777');
const videoExtensions = ['.mp4', '.mkv', '.avi', '.mov', '.wmv', '.flv', '.webm', '.m4v', '.3gp', '.3g2'];
return { type: item.includes('.mp4') ? 'VIDEO' : 'IMAGE', url: item, }
}) })
setEditorState(ContentUtils.insertMedias(editorState, list)) setEditorState(ContentUtils.insertMedias(editorState, list))
@@ -81,7 +86,7 @@ const RoleForm: React.FC = (props: any) => {
'separator', 'separator',
{ {
key: 'FilesManagerImage', // 控件唯一标识,必传 key: 'FilesManagerImage', // 控件唯一标识,必传
title: '上传图片/视频', // 指定鼠标悬停提示文案 title: '上传图片', // 指定鼠标悬停提示文案
html: null, // 指定在按钮中渲染的html字符串 html: null, // 指定在按钮中渲染的html字符串
text: <FilesManager text: <FilesManager
fileType="images" fileType="images"
@@ -93,6 +98,22 @@ const RoleForm: React.FC = (props: any) => {
onClick: () => { onClick: () => {
console.log('Hello World!'); console.log('Hello World!');
}, },
},
'separator',
{
key: 'FilesManagerVideo', // 控件唯一标识,必传
title: '上传视频', // 指定鼠标悬停提示文案
html: null, // 指定在按钮中渲染的html字符串
text: <FilesManager
fileType="video"
mode=""
imagesShow={false}
onChange={onChange}
count={9}
/>, // 指定按钮文字此处可传入jsx若已指定html则text不会显示
onClick: () => {
console.log('Hello World!');
},
} }
] ]