mirror of
https://github.com/mathuo/dockview
synced 2025-01-23 01:45:58 +00:00
chore: generate docs for v1.7.3
This commit is contained in:
parent
32746e248d
commit
b49e2e5d10
17
packages/docs/blog/2023-06-03-dockview-1.7.3.md
Normal file
17
packages/docs/blog/2023-06-03-dockview-1.7.3.md
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
---
|
||||||
|
slug: dockview-1.7.3-release
|
||||||
|
title: Dockview 1.7.3
|
||||||
|
tags: [release]
|
||||||
|
---
|
||||||
|
|
||||||
|
# Release Notes
|
||||||
|
|
||||||
|
Please reference to docs @ [dockview.dev](https://dockview.dev).
|
||||||
|
|
||||||
|
## 🚀 Features
|
||||||
|
|
||||||
|
## 🛠 Miscs
|
||||||
|
|
||||||
|
- Fix bug custom params named 'title' conflicting with built-in tab 'title' object [#258](https://github.com/mathuo/dockview/issues/258)
|
||||||
|
|
||||||
|
## 🔥 Breaking changes
|
@ -8,7 +8,6 @@ import { SimpleSplitview2 } from '@site/src/components/simpleSplitview2';
|
|||||||
|
|
||||||
# Basics
|
# Basics
|
||||||
|
|
||||||
asd
|
|
||||||
This section will take you through a number of concepts that can be applied to all dockview components.
|
This section will take you through a number of concepts that can be applied to all dockview components.
|
||||||
|
|
||||||
## Panels
|
## Panels
|
@ -2,7 +2,10 @@
|
|||||||
description: Dockview Documentation
|
description: Dockview Documentation
|
||||||
---
|
---
|
||||||
|
|
||||||
import { Container } from '@site/src/components/ui/container';
|
import {
|
||||||
|
Container,
|
||||||
|
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';
|
||||||
@ -24,7 +27,11 @@ import RenderingDockview from '@site/sandboxes/rendering-dockview/src/app';
|
|||||||
import DockviewExternalDnd from '@site/sandboxes/externaldnd-dockview/src/app';
|
import DockviewExternalDnd from '@site/sandboxes/externaldnd-dockview/src/app';
|
||||||
import DockviewResizeContainer from '@site/sandboxes/resizecontainer-dockview/src/app';
|
import DockviewResizeContainer from '@site/sandboxes/resizecontainer-dockview/src/app';
|
||||||
import DockviewTabheight from '@site/sandboxes/tabheight-dockview/src/app';
|
import DockviewTabheight from '@site/sandboxes/tabheight-dockview/src/app';
|
||||||
|
|
||||||
import { attach as attachDockviewVanilla } from '@site/sandboxes/javascript/vanilla-dockview/src/app';
|
import { attach as attachDockviewVanilla } from '@site/sandboxes/javascript/vanilla-dockview/src/app';
|
||||||
|
import { attach as attachSimpleDockview } from '@site/sandboxes/javascript/simple-dockview/src/app';
|
||||||
|
import { attach as attachTabHeightDockview } from '@site/sandboxes/javascript/tabheight-dockview/src/app';
|
||||||
|
import { attach as attachNativeDockview } from '@site/sandboxes/javascript/fullwidthtab-dockview/src/app';
|
||||||
|
|
||||||
# Dockview
|
# Dockview
|
||||||
|
|
||||||
@ -32,12 +39,16 @@ import { attach as attachDockviewVanilla } from '@site/sandboxes/javascript/vani
|
|||||||
|
|
||||||
Dockview is an abstraction built on top of [Gridviews](./gridview) where each view is a container of many tabbed panels.
|
Dockview is an abstraction built on top of [Gridviews](./gridview) where each view is a container of many tabbed panels.
|
||||||
|
|
||||||
<Container sandboxId="simple-dockview">
|
<MultiFrameworkContainer
|
||||||
<SimpleDockview />
|
sandboxId="simple-dockview"
|
||||||
</Container>
|
react={SimpleDockview}
|
||||||
|
typescript={attachSimpleDockview}
|
||||||
|
/>
|
||||||
|
|
||||||
You can access the panels associated group through the `panel.group` variable.
|
<br />
|
||||||
The group will always be defined and will change if a panel is moved into another group.
|
|
||||||
|
> You can access the panels associated group through the `panel.group` variable.
|
||||||
|
> The group will always be defined and will change if a panel is moved into another group.
|
||||||
|
|
||||||
## DockviewReact Component
|
## DockviewReact Component
|
||||||
|
|
||||||
@ -340,7 +351,9 @@ return (
|
|||||||
|
|
||||||
### Third Party Dnd Libraries
|
### Third Party Dnd Libraries
|
||||||
|
|
||||||
To be completed...
|
This shows a simple example of a third-party library used inside a panel that relies on drag
|
||||||
|
and drop functionalities. This examples serves to show that `dockview` doesn't interfer with
|
||||||
|
any drag and drop logic for other controls.
|
||||||
|
|
||||||
<Container>
|
<Container>
|
||||||
<DockviewExternalDnd />
|
<DockviewExternalDnd />
|
||||||
@ -606,15 +619,21 @@ to the entire width of the group. For example:
|
|||||||
<DockviewReactComponent singleTabMode="fullwidth" {...otherProps} />
|
<DockviewReactComponent singleTabMode="fullwidth" {...otherProps} />
|
||||||
```
|
```
|
||||||
|
|
||||||
<Container sandboxId="fullwidthtab-dockview">
|
<MultiFrameworkContainer
|
||||||
<DockviewNative />
|
sandboxId="fullwidthtab-dockview"
|
||||||
</Container>
|
react={DockviewNative}
|
||||||
|
typescript={attachNativeDockview}
|
||||||
|
/>
|
||||||
|
|
||||||
### Tab Height
|
### Tab Height
|
||||||
|
|
||||||
<Container sandboxId="tabheight-dockview">
|
Tab height can be controlled through CSS.
|
||||||
<DockviewTabheight />
|
|
||||||
</Container>
|
<MultiFrameworkContainer
|
||||||
|
sandboxId="tabheight-dockview"
|
||||||
|
react={DockviewTabheight}
|
||||||
|
typescript={attachTabHeightDockview}
|
||||||
|
/>
|
||||||
|
|
||||||
## Groups
|
## Groups
|
||||||
|
|
||||||
@ -705,19 +724,11 @@ If you wish to interact with the drop event from one dockview instance in anothe
|
|||||||
<NestedDockview />
|
<NestedDockview />
|
||||||
</Container>
|
</Container>
|
||||||
|
|
||||||
### Example
|
### Window-like mananger with tabs
|
||||||
|
|
||||||
hello
|
|
||||||
|
|
||||||
<DockviewNative2 />
|
<DockviewNative2 />
|
||||||
|
|
||||||
hello 2
|
## Vanilla JS
|
||||||
|
|
||||||
<div style={{ height: '400px', width: '100%' }}>
|
|
||||||
<App />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
## VanillaJS
|
|
||||||
|
|
||||||
> Note: This section is experimental and support for Vanilla JS is a work in progress.
|
> Note: This section is experimental and support for Vanilla JS is a work in progress.
|
||||||
|
|
||||||
@ -728,6 +739,6 @@ The core library is published as an independant package under the name `dockview
|
|||||||
> `dockview-core` is a dependency of `dockview` and automatically installed during the installation process of `dockview` via `npm install dockview`.
|
> `dockview-core` is a dependency of `dockview` and automatically installed during the installation process of `dockview` via `npm install dockview`.
|
||||||
|
|
||||||
<Container
|
<Container
|
||||||
sandboxId="javascript/vanilla-dockview"
|
sandboxId="typescript/vanilla-dockview"
|
||||||
injectVanillaJS={attachDockviewVanilla}
|
injectVanillaJS={attachDockviewVanilla}
|
||||||
/>
|
/>
|
@ -1,3 +1,3 @@
|
|||||||
[
|
[
|
||||||
"1.7.2"
|
"1.7.3"
|
||||||
]
|
]
|
Loading…
Reference in New Issue
Block a user