All notable changes to Vue Split Grid will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- 'cancelTransition' property to cancel a transition after setting 'render' or 'show' to
false
.
- Updated README.md
- 'strictMode' property to SplitGrid which, when set to false, allows the use of custom child components in a SplitGrid. The custom components should only be used as a wrapper for a SplitGrid or SplitGridArea component to improve readability.
- 'render' property to SplitGrid, SplitGridArea and SplitGridGutter which behaves like v-if to support using v-if in the transition elements in the Split* components.
- 'size' property now exists of a 'sizeValue' and a 'sizeUnit' property.
- 'size' property in favor of a 'sizeValue' and a 'sizeUnit' property
- 'transition' property to SplitGrid, SplitGridArea and SplitGridGutter to allow transitions, under the hood the native Vue
<transition>
element is used.
- The CSS of a SplitGrid is no longer updated when a hidden element size changes.
- Implemented all off Split Grids options and events from version 1.0.9. Split Grids API methods are used reactively by the components.
- 'drag', 'drag-start' and 'drag-end' events for respectively the 'onDrag', 'onDragStart' and 'onDragEnd' properties in Split Grid
- 'direction' property to the SplitGrid component to automatically determine if existing Gutters should be added as a row or column gutter.
- 'show' property to SplitGrid, SplitGridArea and SplitGridGutter to be able to reinitialize the gutters when the user toggles a row or column.
- 'size' property to the SplitGrid and SplitGridArea components so the SplitGrid component can dynamically set the correct CSS value for either
grid-template-rows
orgrid-template-columns
. - 'animation' property to the SplitGrid component to implement animations when the size of a nested SplitGrid or a SplitGridArea has been changed (by using the 'size' property).
- 'gutterSize' property to the SplitGrid component to implement a default size for SplitGridGutters. This property also exists on the SplitGridGutter component.
- Ability to toggle columns or rows using
v-if
or our custom:show
property.