gio
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tiptap: fix render flow

This commit is contained in:
fantasticit 2022-05-19 15:17:47 +08:00
parent 35ca6cba61
commit 36102b9c82
1 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/client/src/tiptap/core/wrappers/flow/index.tsx
View File

@ -23,9 +23,8 @@ export const FlowWrapper = ({ editor, node, updateAttributes }) => {
const { theme } = useTheme(); const { theme } = useTheme();
const $viewer = useRef(null); const $viewer = useRef(null);
const $container = useRef<HTMLElement>(); const $container = useRef<HTMLElement>();
const doRenderRef = useRef<() => void>();
const isEditorReady = useEditorReady(editor, () => { const isEditorReady = useEditorReady(editor, () => {
doRenderRef.current && doRenderRef.current(); render($container.current);
}); });
const [bgColor, setBgColor] = useState('var(--semi-color-fill-0)'); const [bgColor, setBgColor] = useState('var(--semi-color-fill-0)');
const bgColorOpacity = useMemo(() => { const bgColorOpacity = useMemo(() => {
@ -79,26 +78,20 @@ export const FlowWrapper = ({ editor, node, updateAttributes }) => {
const render = useCallback( const render = useCallback(
(div) => { (div) => {
const doRender = (div) => {
if (!div) return;
// @ts-ignore
const DrawioViewer = window.GraphViewer;
if (DrawioViewer) {
div.innerHTML = '';
DrawioViewer.createViewerForElement(div, (viewer) => {
$viewer.current = viewer;
const background = viewer?.graph?.background;
background && setBgColor(background);
});
}
doRenderRef.current = null;
};
if (!isEditorReady) { if (!isEditorReady) {
doRenderRef.current = () => doRender(div);
return; return;
} else { }
doRender(div);
if (!div) return;
// @ts-ignore
const DrawioViewer = window.GraphViewer;
if (DrawioViewer) {
div.innerHTML = '';
DrawioViewer.createViewerForElement(div, (viewer) => {
$viewer.current = viewer;
const background = viewer?.graph?.background;
background && setBgColor(background);
});
} }
}, },
[isEditorReady] [isEditorReady]