rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-09-01 23:16:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: components prop changes are propagated

Browse Source
This commit is contained in:
mathuo 2022-02-16 20:22:14 +00:00
parent 017e6856f9
commit 647945debc
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
4 changed files with 44 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dockview/src/react/dockview/dockview.tsx
View File

@ -152,6 +152,24 @@ export const DockviewReact = React.forwardRef(
};
}, []);
React.useEffect(() => {
if (!dockviewRef.current) {
return;
}
dockviewRef.current.updateOptions({
frameworkComponents: props.components,
});
}, [props.components]);
React.useEffect(() => {
if (!dockviewRef.current) {
return;
}
dockviewRef.current.updateOptions({
frameworkTabComponents: props.tabComponents,
});
}, [props.tabComponents]);
React.useEffect(() => {
if (!props.onTabContextMenu || !dockviewRef.current) {
return () => {

9
packages/dockview/src/react/gridview/gridview.tsx
View File

@ -96,6 +96,15 @@ export const GridviewReact = React.forwardRef(
};
}, []);
React.useEffect(() => {
if (!gridviewRef.current) {
return;
}
gridviewRef.current.updateOptions({
frameworkComponents: props.components,
});
}, [props.components]);
return (
<div
className={props.className}

10
packages/dockview/src/react/paneview/paneview.tsx
View File

@ -104,13 +104,19 @@ export const PaneviewReact = React.forwardRef(
}, []);
React.useEffect(() => {
paneviewRef.current?.updateOptions({
if (!paneviewRef.current) {
return;
}
paneviewRef.current.updateOptions({
frameworkComponents: props.components,
});
}, [props.components]);
React.useEffect(() => {
paneviewRef.current?.updateOptions({
if (!paneviewRef.current) {
return;
}
paneviewRef.current.updateOptions({
headerframeworkComponents: props.headerComponents,
});
}, [props.headerComponents]);

9
packages/dockview/src/react/splitview/splitview.tsx
View File

@ -91,6 +91,15 @@ export const SplitviewReact = React.forwardRef(
};
}, []);
React.useEffect(() => {
if (!splitviewRef.current) {
return;
}
splitviewRef.current.updateOptions({
frameworkComponents: props.components,
});
}, [props.components]);
return (
<div
className={props.className}