Giter Club home page Giter Club logo

dockview's People

Contributors

ben-bosmans avatar cemalgnlts avatar dependabot[bot] avatar imgbotapp avatar joshuakgoldberg avatar madcodelife avatar mathuo avatar michailshcherbakov avatar mpearson avatar nangets avatar qcz avatar sachnk avatar techbech avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dockview's Issues

Save Example

Hi! Can you provide an example of how can I save an entire workspace?

[Question] How do I update an existing panel's params/props?

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!

Window manager

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.

Drag event on `.tab-content` not bubbled to `.tab`

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)

dockview: changing width of panel

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

Add ability to have fixed panel with no tab in DockviewReact

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?

image

Title change

Hi!

I was wondering how can I change a panel title. Can you give me an example?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.