mathuo / dockview Goto Github PK
View Code? Open in Web Editor NEWZero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
Home Page: https://dockview.dev
License: MIT License
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
Home Page: https://dockview.dev
License: MIT License
Hi! Can you provide an example of how can I save an entire workspace?
Hello! Thank you for your hard work on DockView. I have a question:
I am on Dockview version 1.5.1.
I am trying to update a panel I have added to a DockviewReact
. In my onReady
, I set event.api
to a useRef
and am also attempting to run an update on a panel like so:
const onReady = useCallback((event: DockviewreadyEvent) => {
// dockviewApi is the useRef
dockviewApi.current = event.api;
// Add panels here, removed for brevity
// Does not update the panel's props
event.api.getPanel(newPanel.id)?.update({
params: { ...dockviewApi.current.activePanel.params, ...newParams },
});
});
Later, I am attempting to update the params
of a panel (I'm using the active panel just for testing):
const updateScrRef = useCallback((newParams: Params) => {
// Also does not update the panel's props
dockviewApi.current?.activePanel?.update({
params: { ...dockviewApi.current.activePanel.params, ...newParams },
});
}, []);
For some reason, the params aka props passed into the panel don't seem to change in either case, but the panel component does indeed rerender. The props in the panel component stay the same as they were previously. It seems that the update
function triggers a rerender on the panel component without actually passing in new params/props. Do you have any idea why this is the case?
Thank you very much for the help!
Hello,
I have looked at your library and I wanted to congratulate you for your work!
I am interested in several of your components and I would like to know if you plan to add a window manager system later, a bit like this : https://github.com/nomcopter/react-mosaic
You have very good performances and I like your structure very much. It could be interesting for you to propose a window manager system, it stays in the style of your other components.
If you try to drag the title of a tab (the .tab-content
element), nothing will happen. You have to drag on the margin around .tab-content
. I believe the reason is that it's not propagated to the .tab
element.
I'm using Firefox 100.0b9 (on Arch)
Hi!
I have adopt this library to my project, but i have some cases that need change width of panel. I expect panel.api.setSize
will change dimension of panel, but it wont work. I want to know right way to resize the panel
Just been playing with this library and I have been impressed so far.
The documentation is not amazing, but I can see the upcoming branch. In the meantime, I am struggling a little bit to understand the capabilities.
I want to use DockviewReact to create a flexible layout around a principal pane that would have no header and can't be closed.
I have mocked it up below with a GridviewReact containing 2 DockviewReact.. but I would like the panel to be able to move around.
Is this possible? Otherwise, could this be considered for future enhancement?
Hi!
I was wondering how can I change a panel title. Can you give me an example?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.