mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-08 18:30:53 +00:00
9bda201094
* feat: sdoc metadata * feat: update code * feat: update code * feat: update code * feat: update sdoc version --------- Co-authored-by: 杨国璇 <ygx@192.168.1.7> Co-authored-by: 杨国璇 <ygx@Hello-word.local>
73 lines
2.1 KiB
JavaScript
73 lines
2.1 KiB
JavaScript
import React, { useEffect, useState } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
import { seafileAPI } from '../../../utils/seafile-api';
|
|
import { Utils } from '../../../utils/utils';
|
|
import toaster from '../../toast';
|
|
import { Header, Body } from '../detail';
|
|
import FileDetails from './file-details';
|
|
import { MetadataContext } from '../../../metadata';
|
|
|
|
import './index.css';
|
|
|
|
const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width, className }) => {
|
|
|
|
const [direntDetail, setDirentDetail] = useState('');
|
|
|
|
useEffect(() => {
|
|
// init context
|
|
const context = new MetadataContext();
|
|
window.sfMetadataContext = context;
|
|
window.sfMetadataContext.init({ repoID, repoInfo });
|
|
seafileAPI.getFileInfo(repoID, path).then(res => {
|
|
setDirentDetail(res.data);
|
|
}).catch(error => {
|
|
const errMessage = Utils.getErrorMsg(error);
|
|
toaster.danger(errMessage);
|
|
});
|
|
|
|
return () => {
|
|
window.sfMetadataContext.destroy();
|
|
delete window['sfMetadataContext'];
|
|
};
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
|
|
const direntName = dirent?.name || '';
|
|
const smallIconUrl = Utils.getDirentIcon(dirent);
|
|
|
|
return (
|
|
<div
|
|
className={classnames('cur-view-detail', className, {
|
|
'cur-view-detail-small': width < 400,
|
|
'cur-view-detail-large': width > 400
|
|
})}
|
|
style={{ width }}
|
|
>
|
|
<Header title={direntName} icon={smallIconUrl} onClose={onClose} />
|
|
<Body>
|
|
{dirent && direntDetail && (
|
|
<div className="detail-content">
|
|
<FileDetails
|
|
repoID={repoID}
|
|
repoInfo={repoInfo}
|
|
path={path}
|
|
direntDetail={direntDetail}
|
|
/>
|
|
</div>
|
|
)}
|
|
</Body>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
EmbeddedFileDetails.propTypes = {
|
|
repoID: PropTypes.string.isRequired,
|
|
dirent: PropTypes.object,
|
|
path: PropTypes.string.isRequired,
|
|
repoInfo: PropTypes.object.isRequired,
|
|
onClose: PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default EmbeddedFileDetails;
|