From ba7656302b1e46ad01e280809ae43cf63882c4c8 Mon Sep 17 00:00:00 2001
From: Clansty <i@gao4.pw>
Date: Thu, 10 Jun 2021 21:20:21 +0800
Subject: [PATCH] resize the next sibling

---
 src/multipane.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/multipane.js b/src/multipane.js
index a43bac8..acb4b66 100644
--- a/src/multipane.js
+++ b/src/multipane.js
@@ -38,10 +38,12 @@ export default {
   methods: {
     onMouseDown({ target: resizer, pageX: initialPageX, pageY: initialPageY }) {
       if (resizer.className && resizer.className.match('multipane-resizer')) {
+        const resizeNext = resizer.className.match('resize-next')
         let self = this;
         let { $el: container, layout } = self;
 
-        let pane = resizer.previousElementSibling;
+        let pane = resizeNext ? resizer.nextElementSibling : resizer.previousElementSibling;
+
         let {
           offsetWidth: initialPaneWidth,
           offsetHeight: initialPaneHeight,
@@ -54,7 +56,7 @@ export default {
         const resize = (initialSize, offset = 0) => {
           if (layout == LAYOUT_VERTICAL) {
             let containerWidth = container.clientWidth;
-            let paneWidth = initialSize + offset;
+            let paneWidth = initialSize + (resizeNext ? -offset : offset);
 
             return (pane.style.width = usePercentage
               ? paneWidth / containerWidth * 100 + '%'
@@ -63,7 +65,7 @@ export default {
 
           if (layout == LAYOUT_HORIZONTAL) {
             let containerHeight = container.clientHeight;
-            let paneHeight = initialSize + offset;
+            let paneHeight = initialSize + (resizeNext ? -offset : offset);
 
             return (pane.style.height = usePercentage
               ? paneHeight / containerHeight * 100 + '%'