Skip to main content

· One min read

Please reference docs @ dockview.dev.

🛠 Miscs​

  • Bug: fix duplicate group added when adding group with absolute position #596

  • Bug: Adjust onDidLayoutChange behaviour #597

    • onDidLayoutChange is an aggregation of events that constitute a layout change. Previously these events were aggregated and the events were then fired once through a setTimeout(..., 0) approach. This has been altered to fire on a queueMicrotask event and will only subscribe to events that happen after the event is subscribed to, previously you may have recieved events yet to fire on the setTimeout function but within the same event-loop cycle which was a bug.

· 2 min read

Please reference docs @ dockview.dev.

The majority of the changes in this release are internal changes to support the upcoming support of multiple frameworks, starting with Vue.js.

🚀 Features​

  • Add onDidActivePanelChange event to group api #541

  • Add inactive property to addPanel method to add panels without making them active #572

🛠 Miscs​

  • Bug: width and height set incorrectly on floating groups when resized #580

  • Create framework packages in preperation for multiple framework support #541 These are still in active development and will be offically support soon.

    • Create dockview-react package
    • Create dockview-angular package
    • Create dockview-vue package

  • Move various type definitions from dockview to dockview-core in preperation for multiple framework support #541

    • Move IGroupPanelBaseProps from dockview to dockview-core
    • Move IDockviewPanelHeaderProps from dockview to dockview-core
    • Move IDockviewPanelProps from dockview to dockview-core
    • Move IDockviewHeaderActionsProps from dockview to dockview-core
    • Move IGroupHeaderProps from dockview to dockview-core
    • Move IWatermarkPanelProps from dockview to dockview-core
    • Move DockviewReadyEvent from dockview to dockview-core

  • [dockview] Depreciate canDisplayOverlay in favour of the onUnhandledDragOverEvent api event #541

🔥 Breaking changes​

  • [dockview-core] Replace DockviewComponent canDisplayOverlay option with onUnhandledDragOverEvent event #541
  • [dockview-core] Rename createRightHeaderActionsElement to createRightHeaderActionElement #576
  • [dockview-core] Rename createLeftHeaderActionsElement to createLeftHeaderActionElement #576
  • [dockview-core] Rename createPrefixHeaderActionsElement to createPrefixHeaderActionElement #576
  • [dockview-core] Remove frameworkTabComponents and tabComponents, replaced by createTabComponent #576
  • [dockview-core] Remove frameworkComponents and components, replaced by createComponent #576
  • [dockview-core] Remove watermarkFrameworkComponent and watermarkComponent, replaced by createWatermarkComponent #576

· One min read

Please reference docs @ dockview.dev.

🚀 Features​

  • Enhance onWillShowOverlay event to contain additional commonly used methods and properties #564

  • Expose api.component and api.tabComponent on panel api #569

🔥 Breaking changes​

  • Fix Typo: onlyWhenVisibile to onlyWhenVisible #559

· One min read

Please reference docs @ dockview.dev.

🛠 Miscs​

  • Adjust React imports #556

    • Rename import * as React from 'react' to import React from 'react'
    • Rename import * as ReactDOM from 'react-dom' to import ReactDOM from 'react-dom'
    • This is preperation work for supporting multiple framworks (Vue, Angular etc...)

  • Only export CSS from dockview-core #553

    • All required CSS is now found in dockview-core only. dockview (React) specific CSS has been removed and made compatible with CSS in dockview-core. This is preperation work for supporting multiple framworks (Vue, Angular etc...)
    • For compatibility reasons dockview-core CSS continues to be re-exported through dockview.
    • Class name changes as follows:
      • tab-action to dv-default-tab-action
      • default-tab to dv-default-tab
      • tab-content to dv-default-tab-content
      • dockview-react-tab to dv-default-tab
      • dockview-react-tab-title to dv-default-tab-content
      • dv-react-tab-close-btn to dv-default-tab-action

· One min read

Please reference to docs @ dockview.dev.

🚀 Features​

  • Expose panel data #526

    • Add component property to panel api
    • Add tabComponent property to dock panel api

  • Enhance panel parameters and title changing logic #504

    • Parameter and title changing events will now trigger onDidLayoutChange
    • Add getParameters() method to panel api
    • Add onDidTitleChange event to dock panel api
    • Add onDidParametersChange event to panel api

· One min read

Please reference to docs @ dockview.dev.

🚀 Features​

  • onWillShowOverlay handles 'edge' drops #526

🛠 Miscs​

  • regression: add setVisible to public panel api #535
    • remove unintended public api methods isHidden, onDidHiddenChange
    • reinstate setVisible after mistaken removal

· One min read

Please reference to docs @ dockview.dev.

🚀 Features​

  • New Documentation Website #475
    • Documentation website improved to cater for growing libary
  • Panel Gaps #447
    • CSS Variable --dv-group-gap-size exposed.
  • Locked Dock #460
    • locked option prevents all user resizing of dock.
  • Enhance Window Popout #469
    • Numerous improved to Window popouts including replacement of window to original location when popout is closed.
  • Enhance Events #479
  • Drag and Drop Events #395

🛠 Miscs​

  • Bug: Drop Target Scaling #448
    • Drop target overlays are no longer scaled with transform which allows for better CSS customization.
  • Bug: Popout always rendeing mode #486
    • always render mode now works in Popout Windows too.
  • Bug: React Component Support #498
    • Support components wrapped with React.memo(...) passed in components option.
  • Bug: Remove Source Maps #509
    • Source maps do not currently work. They have been removed and will be re-evaluated for a later release.

🔥 Breaking changes​

  • Bug: Typo #495
    • Rename onDidMaxmizedNodeChange to onDidMaximizedNodeChange
    • Rename exitMaxmizedGroup to exitMaximizedGroup
    • Rename onDidMaxmizedGroupChange to onDidMaximizedGroupChange