rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-01-22 17:35:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #477 from mathuo/madcodelife-master

Browse Source 
chore: typos
This commit is contained in:
mathuo 2024-01-23 19:43:45 +00:00 committed by GitHub
commit b901f4de0c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/docs/docs/components/dockview.mdx
View File

@ -7,7 +7,7 @@ import { MultiFrameworkContainer } from '@site/src/components/ui/container';
import Link from '@docusaurus/Link'; import Link from '@docusaurus/Link';
import useBaseUrl from '@docusaurus/useBaseUrl'; import useBaseUrl from '@docusaurus/useBaseUrl';
import DockviewPersistance from '@site/sandboxes/layout-dockview/src/app'; import DockviewPersistence from '@site/sandboxes/layout-dockview/src/app';
import SimpleDockview from '@site/sandboxes/simple-dockview/src/app'; import SimpleDockview from '@site/sandboxes/simple-dockview/src/app';
import ResizeDockview from '@site/sandboxes/resize-dockview/src/app'; import ResizeDockview from '@site/sandboxes/resize-dockview/src/app';
import DockviewWatermark from '@site/sandboxes/watermark-dockview/src/app'; import DockviewWatermark from '@site/sandboxes/watermark-dockview/src/app';
@ -140,7 +140,7 @@ As well as importing the `dockview` stylesheet you must provide a class-based th
You can find more details on theming <Link to="../theme">here</Link>. You can find more details on theming <Link to="../theme">here</Link>.
## Layout Persistance ## Layout Persistence
Layouts are loaded and saved via to `fromJSON` and `toJSON` methods on the Dockview api. Layouts are loaded and saved via to `fromJSON` and `toJSON` methods on the Dockview api.
The api also exposes an event `onDidLayoutChange` you can listen on to determine when the layout has changed. The api also exposes an event `onDidLayoutChange` you can listen on to determine when the layout has changed.
@ -156,7 +156,7 @@ React.useEffect(() => {
const layout = api.toJSON(); const layout = api.toJSON();
localStorage.setItem( localStorage.setItem(
'dockview_persistance_layout', 'dockview_persistence_layout',
JSON.stringify(layout) JSON.stringify(layout)
); );
}); });
@ -169,7 +169,7 @@ React.useEffect(() => {
```tsx title="Loading a layout from localStorage" ```tsx title="Loading a layout from localStorage"
const onReady = (event: DockviewReadyEvent) => { const onReady = (event: DockviewReadyEvent) => {
const layoutString = localStorage.getItem('dockview_persistance_layout'); const layoutString = localStorage.getItem('dockview_persistence_layout');
let success = false; let success = false;
@ -194,7 +194,7 @@ If you refresh the page you should notice your layout is loaded as you left it.
<MultiFrameworkContainer <MultiFrameworkContainer
sandboxId="layout-dockview" sandboxId="layout-dockview"
react={DockviewPersistance} react={DockviewPersistence}
/> />
## Scrollbars ## Scrollbars

4
packages/docs/sandboxes/floatinggroup-dockview/src/app.tsx
View File

@ -127,7 +127,7 @@ const useLocalStorage = <T,>(
]; ];
}; };
export const DockviewPersistance = (props: { theme?: string }) => { export const DockviewPersistence = (props: { theme?: string }) => {
const [api, setApi] = React.useState<DockviewApi>(); const [api, setApi] = React.useState<DockviewApi>();
const [layout, setLayout] = const [layout, setLayout] =
useLocalStorage<SerializedDockview>('floating.layout'); useLocalStorage<SerializedDockview>('floating.layout');
@ -289,7 +289,7 @@ const RightComponent = (props: IDockviewHeaderActionsProps) => {
); );
}; };
export default DockviewPersistance; export default DockviewPersistence;
const Watermark = () => { const Watermark = () => {
return <div style={{ color: 'white', padding: '8px' }}>watermark</div>; return <div style={{ color: 'white', padding: '8px' }}>watermark</div>;

10
packages/docs/sandboxes/layout-dockview/src/app.tsx
View File

@ -47,11 +47,11 @@ function loadDefaultLayout(api: DockviewApi) {
}); });
} }
export const DockviewPersistance = (props: { theme?: string }) => { export const DockviewPersistence = (props: { theme?: string }) => {
const [api, setApi] = React.useState<DockviewApi>(); const [api, setApi] = React.useState<DockviewApi>();
const clearLayout = () => { const clearLayout = () => {
localStorage.removeItem('dockview_persistance_layout'); localStorage.removeItem('dockview_persistence_layout');
if (api) { if (api) {
api.clear(); api.clear();
loadDefaultLayout(api); loadDefaultLayout(api);
@ -60,7 +60,7 @@ export const DockviewPersistance = (props: { theme?: string }) => {
const onReady = (event: DockviewReadyEvent) => { const onReady = (event: DockviewReadyEvent) => {
const layoutString = localStorage.getItem( const layoutString = localStorage.getItem(
'dockview_persistance_layout' 'dockview_persistence_layout'
); );
let success = false; let success = false;
@ -91,7 +91,7 @@ export const DockviewPersistance = (props: { theme?: string }) => {
const layout = api.toJSON(); const layout = api.toJSON();
localStorage.setItem( localStorage.setItem(
'dockview_persistance_layout', 'dockview_persistence_layout',
JSON.stringify(layout) JSON.stringify(layout)
); );
}); });
@ -125,7 +125,7 @@ export const DockviewPersistance = (props: { theme?: string }) => {
); );
}; };
export default DockviewPersistance; export default DockviewPersistence;
const Watermark = () => { const Watermark = () => {
return <div style={{ color: 'white', padding: '8px' }}>watermark</div>; return <div style={{ color: 'white', padding: '8px' }}>watermark</div>;

10
packages/docs/versioned_docs/version-1.9.2/components/dockview.mdx vendored
View File

@ -7,7 +7,7 @@ import { MultiFrameworkContainer } from '@site/src/components/ui/container';
import Link from '@docusaurus/Link'; import Link from '@docusaurus/Link';
import useBaseUrl from '@docusaurus/useBaseUrl'; import useBaseUrl from '@docusaurus/useBaseUrl';
import DockviewPersistance from '@site/sandboxes/layout-dockview/src/app'; import DockviewPersistence from '@site/sandboxes/layout-dockview/src/app';
import SimpleDockview from '@site/sandboxes/simple-dockview/src/app'; import SimpleDockview from '@site/sandboxes/simple-dockview/src/app';
import ResizeDockview from '@site/sandboxes/resize-dockview/src/app'; import ResizeDockview from '@site/sandboxes/resize-dockview/src/app';
import DockviewWatermark from '@site/sandboxes/watermark-dockview/src/app'; import DockviewWatermark from '@site/sandboxes/watermark-dockview/src/app';
@ -140,7 +140,7 @@ As well as importing the `dockview` stylesheet you must provide a class-based th
You can find more details on theming <Link to="../theme">here</Link>. You can find more details on theming <Link to="../theme">here</Link>.
## Layout Persistance ## Layout Persistence
Layouts are loaded and saved via to `fromJSON` and `toJSON` methods on the Dockview api. Layouts are loaded and saved via to `fromJSON` and `toJSON` methods on the Dockview api.
The api also exposes an event `onDidLayoutChange` you can listen on to determine when the layout has changed. The api also exposes an event `onDidLayoutChange` you can listen on to determine when the layout has changed.
@ -156,7 +156,7 @@ React.useEffect(() => {
const layout = api.toJSON(); const layout = api.toJSON();
localStorage.setItem( localStorage.setItem(
'dockview_persistance_layout', 'dockview_persistence_layout',
JSON.stringify(layout) JSON.stringify(layout)
); );
}); });
@ -169,7 +169,7 @@ React.useEffect(() => {
```tsx title="Loading a layout from localStorage" ```tsx title="Loading a layout from localStorage"
const onReady = (event: DockviewReadyEvent) => { const onReady = (event: DockviewReadyEvent) => {
const layoutString = localStorage.getItem('dockview_persistance_layout'); const layoutString = localStorage.getItem('dockview_persistence_layout');
let success = false; let success = false;
@ -194,7 +194,7 @@ If you refresh the page you should notice your layout is loaded as you left it.
<MultiFrameworkContainer <MultiFrameworkContainer
sandboxId="layout-dockview" sandboxId="layout-dockview"
react={DockviewPersistance} react={DockviewPersistence}
/> />
## Scrollbars ## Scrollbars