msplit
msplit
A VueJs Component to show resizable multi-pan container
Description
A resizable multi-pane vue component implemented with typescript. Support the following features:
- Supports toggle visibility for panes.
- Supports toggle maximization for a pane.
- Supports any number of panes.
- Adjust pane size when the window resizes.
- Horizontal and Vertical mode.
- Support device with touch interface.
Usage
import msplit from 'msplit';
Vue.use(msplit);
<msplit :vertical='true' :maxPane='maxPane'>
<div slot="p31" :show='s31' :grow='20' :min=250 :max=500> Pane31 </div>
<div slot="p32" :show='s32'> Pane32 </div>
<div slot="p33">Pane33 </div>
</msplit>
You can see the full example in the MSplitTest.
Live Demo
http://jianwu.github.io/msplit/
License
Copyright 2018-2019 Jianwu Chen
Author/Developer: Jianwu Chen
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.24 | ^2.6.10 | MIT | |
| 0.1.23 | ^2.6.10 | MIT | |
| 0.1.22 | ^2.6.10 | MIT | |
| 0.1.21 | ^2.6.10 | MIT | |
| 0.1.20 | ^2.6.10 | MIT | |
| 0.1.19 | ^2.6.10 | MIT | |
| 0.1.18 | ^2.6.10 | MIT | |
| 0.1.17 | ^2.6.10 | MIT | |
| 0.1.16 | ^2.6.10 | MIT | |
| 0.1.15 | ^2.6.10 | MIT | |
| 0.1.14 | ^2.6.10 | MIT | |
| 0.1.13 | ^2.6.10 | MIT | |
| 0.1.12 | ^2.6.10 | MIT | |
| 0.1.11 | ^2.6.10 | MIT | |
| 0.1.10 | ^2.6.10 | MIT | |
| 0.1.9 | ^2.6.10 | MIT | |
| 0.1.8 | ^2.6.10 | MIT | |
| 0.1.7 | ^2.6.10 | MIT | |
| 0.1.6 | ^2.6.10 | MIT | |
| 0.1.5 | ^2.6.10 | MIT | |
| 0.1.4 | ^2.6.10 | MIT | |
| 0.1.3 | ^2.6.10 | MIT | |
| 0.1.2 | ^2.6.10 | ||
| 0.1.1 | ^2.6.10 | ||
| 0.1.0 | ^2.6.10 |