lilact 0.26.0 → 0.26.1

package/dist/lilact.development.js

@@ -4970,7 +4970,7 @@ var SplitPane = forwardRef(function SplitPane2({
   max = 0.9,
   splitterSize = 8,
   onSizeChange,
-  resizeMode = "proportional",
+  resizePolicy = "proportional",
   style,
   className,
   firstPaneStyle,
@@ -5036,18 +5036,47 @@ var SplitPane = forwardRef(function SplitPane2({
       const rect2 = el.getBoundingClientRect();
       const o = sizeRef.current;
       sizeRef.current = { w: rect2.width, h: rect2.height };
+      const EPS = 1e-6;
+      function clamp01(x) {
+        return Math.min(1, Math.max(0, x));
+      }
       if ((_a = ref.current) == null ? void 0 : _a.getPosition) {
-        if (resizeMode === "fixFirst") {
-          if (internalMode === "vertical" && o.h > 0) {
-            setPosition(ref.current.getPosition() * o.h / sizeRef.current.h);
-          } else if (o.w > 0) {
-            setPosition(ref.current.getPosition() * o.w / sizeRef.current.w);
+        const p2 = ref.current.getPosition();
+        if (resizePolicy === "fixFirst") {
+          if (internalMode === "vertical") {
+            const availOld = o.h - splitterSize;
+            const availNew = sizeRef.current.h - splitterSize;
+            if (availOld > 0 && availNew > 0) {
+              const firstPx = p2 * availOld;
+              const nextP = firstPx / availNew;
+              if (Math.abs(nextP - p2) > EPS) setPosition(clamp01(nextP));
+            }
+          } else {
+            const availOld = o.w - splitterSize;
+            const availNew = sizeRef.current.w - splitterSize;
+            if (availOld > 0 && availNew > 0) {
+              const firstPx = p2 * availOld;
+              const nextP = firstPx / availNew;
+              if (Math.abs(nextP - p2) > EPS) setPosition(clamp01(nextP));
+            }
           }
-        } else if (resizeMode === "fixSecond") {
-          if (internalMode === "vertical" && o.h > 0) {
-            setPosition(1 - (1 - ref.current.getPosition()) * o.h / sizeRef.current.h);
-          } else if (o.w > 0) {
-            setPosition(1 - (1 - ref.current.getPosition()) * o.w / sizeRef.current.w);
+        } else if (resizePolicy === "fixSecond") {
+          if (internalMode === "vertical") {
+            const availOld = o.h - splitterSize;
+            const availNew = sizeRef.current.h - splitterSize;
+            if (availOld > 0 && availNew > 0) {
+              const secondPx = (1 - p2) * availOld;
+              const nextP = 1 - secondPx / availNew;
+              if (Math.abs(nextP - p2) > EPS) setPosition(clamp01(nextP));
+            }
+          } else {
+            const availOld = o.w - splitterSize;
+            const availNew = sizeRef.current.w - splitterSize;
+            if (availOld > 0 && availNew > 0) {
+              const secondPx = (1 - p2) * availOld;
+              const nextP = 1 - secondPx / availNew;
+              if (Math.abs(nextP - p2) > EPS) setPosition(clamp01(nextP));
+            }
           }
         }
       }
@@ -5056,7 +5085,7 @@ var SplitPane = forwardRef(function SplitPane2({
     const rect = el.getBoundingClientRect();
     sizeRef.current = { w: rect.width, h: rect.height };
     return () => ro.disconnect();
-  }, [resizeMode, internalMode]);
+  }, [resizePolicy, internalMode]);
   const startPosRef = useRef(posResolved);
   const [dragging, setDragging] = useState(false);
   const handleStart = () => {
@@ -5104,7 +5133,7 @@ var SplitPane = forwardRef(function SplitPane2({
   if (internalMode === "horizontal") {
     computedPane1Style.bottom = 0;
     computedPane2Style.top = 0;
-    if (resizeMode === "fixFirst") {
+    if (resizePolicy === "fixFirst") {
       computedPane1Style.width = p * (w - splitterSize);
       computedPane2Style.left = computedPane1Style.width + splitterSize;
       Object.assign(computedSplitterStyle, {
@@ -5113,13 +5142,13 @@ var SplitPane = forwardRef(function SplitPane2({
         left: computedPane1Style.width,
         width: splitterSize
       });
-    } else if (resizeMode === "fixSecond") {
+    } else if (resizePolicy === "fixSecond") {
       computedPane2Style.width = (1 - p) * (w - splitterSize);
       computedPane1Style.right = computedPane2Style.width + splitterSize;
       Object.assign(computedSplitterStyle, {
         top: 0,
         bottom: 0,
-        left: computedPane2Style.width,
+        right: computedPane2Style.width,
         width: splitterSize
       });
     } else {
@@ -5135,7 +5164,7 @@ var SplitPane = forwardRef(function SplitPane2({
   } else {
     computedPane1Style.right = 0;
     computedPane2Style.left = 0;
-    if (resizeMode === "fixFirst") {
+    if (resizePolicy === "fixFirst") {
       computedPane1Style.height = p * (h - splitterSize);
       computedPane2Style.top = computedPane1Style.height + splitterSize;
       Object.assign(computedSplitterStyle, {
@@ -5144,7 +5173,7 @@ var SplitPane = forwardRef(function SplitPane2({
         top: computedPane1Style.height,
         height: splitterSize
       });
-    } else if (resizeMode === "fixSecond") {
+    } else if (resizePolicy === "fixSecond") {
       computedPane2Style.height = (1 - p) * (h - splitterSize);
       computedPane1Style.bottom = computedPane2Style.height + splitterSize;
       Object.assign(computedSplitterStyle, {