IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Doceditor: refactoring

Browse Source
This commit is contained in:
Artem Tarasov 2022-03-25 14:49:45 +03:00
parent f164df47c0
commit c8d1a6dda2
2 changed files with 30 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/ASC.Web.Editor/src/components/dynamic.js
View File

@ -70,7 +70,7 @@ export const useDynamicScript = (args) => {
};
};
const DynamicComponent = React.memo(({ system, ...rest }) => {
const DynamicComponent = ({ system, ...rest }) => {
const [isInitialized, setIsInitialized] = React.useState(false);
const [LoadedComponent, setLoadedComponent] = React.useState();
@ -95,11 +95,12 @@ const DynamicComponent = React.memo(({ system, ...rest }) => {
throw Error("failed");
}
// console.log("dynamic", rest);
if (ready && !isInitialized) {
//console.log("dynamic 2", rest);
setIsInitialized(true);
const Component = React.lazy(
loadComponent(system.scope, system.module, system?.name)
);
const Component = React.lazy(loadComponent(system.scope, system.module));
setLoadedComponent(Component);
}
@ -109,6 +110,6 @@ const DynamicComponent = React.memo(({ system, ...rest }) => {
<LoadedComponent {...rest} />
</React.Suspense>
);
});
};
export default DynamicComponent;

27
web/ASC.Web.Editor/src/helpers/withDialogs.js
View File

@ -24,7 +24,7 @@ const withDialogs = (WrappedComponent) => {
const [extension, setExtension] = useState();
const [openNewTab, setNewOpenTab] = useState(false);
const { t } = useTranslation();
const { t } = useTranslation(["Editor", "Common"]);
const { fileInfo, fileId, mfReady } = props;
@ -61,6 +61,7 @@ const withDialogs = (WrappedComponent) => {
};
const onSDKRequestInsertImage = (event) => {
console.log("onSDKRequestInsertImage", event.data, insertImageAction);
setTypeInsertImageAction(event.data);
setFilesType(insertImageAction);
setIsFileDialogVisible(true);
@ -110,13 +111,32 @@ const withDialogs = (WrappedComponent) => {
};
const fileTypeDetection = () => {
// console.log(
// "------",
// insertImageAction,
// filesType,
// insertImageActionProps,
// "--------"
// );
if (filesType === insertImageAction) {
// console.log(
// "filesType === insertImageAction",
// filesType === insertImageAction
// );
return insertImageActionProps;
}
if (filesType === mailMergeAction) {
// console.log(
// "filesType === mailMergeAction",
// filesType === mailMergeAction
// );
return mailMergeActionProps;
}
if (filesType === compareFilesAction) {
// console.log(
// "filesType === compareFilesAction",
// filesType === compareFilesAction
// );
return compareFilesActionProps;
}
};
@ -222,7 +242,8 @@ const withDialogs = (WrappedComponent) => {
/>
);
const fileType = fileTypeDetection();
const typeFilter = fileTypeDetection();
// console.log(typeFilter, "-----------------");
const selectFileDialog = mfReady && (
<DynamicComponent
@ -236,7 +257,7 @@ const withDialogs = (WrappedComponent) => {
isPanelVisible={isFileDialogVisible}
onSelectFile={onSelectFile}
onClose={onCloseFileDialog}
{...fileType}
{...typeFilter}
titleFilesList={selectFilesListTitle()}
headerName={t("SelectFileTitle")}
/>