flexlayout-react 0.7.15 → 0.8.0

package/lib/view/Splitter.js

@@ -1,148 +1,192 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Splitter = void 0;
-const React = require("react");
-const DragDrop_1 = require("../DragDrop");
-const Actions_1 = require("../model/Actions");
-const BorderNode_1 = require("../model/BorderNode");
-const Orientation_1 = require("../Orientation");
-const Types_1 = require("../Types");
-/** @internal */
-const Splitter = (props) => {
-    const { layout, node, path } = props;
-    const pBounds = React.useRef([]);
-    const outlineDiv = React.useRef(undefined);
-    const parentNode = node.getParent();
-    const onMouseDown = (event) => {
-        var _a;
-        DragDrop_1.DragDrop.instance.setGlassCursorOverride(node.getOrientation() === Orientation_1.Orientation.HORZ
-            ? "ns-resize"
-            : "ew-resize");
-        DragDrop_1.DragDrop.instance.startDrag(event, onDragStart, onDragMove, onDragEnd, onDragCancel, undefined, undefined, layout.getCurrentDocument(), (_a = layout.getRootDiv()) !== null && _a !== void 0 ? _a : undefined);
-        pBounds.current = parentNode._getSplitterBounds(node, true);
-        const rootdiv = layout.getRootDiv();
-        outlineDiv.current = layout.getCurrentDocument().createElement("div");
-        outlineDiv.current.style.position = "absolute";
-        outlineDiv.current.className = layout.getClassName(Types_1.CLASSES.FLEXLAYOUT__SPLITTER_DRAG);
-        outlineDiv.current.style.cursor = node.getOrientation() === Orientation_1.Orientation.HORZ ? "ns-resize" : "ew-resize";
-        const r = node.getRect();
-        if (node.getOrientation() === Orientation_1.Orientation.VERT && r.width < 2) {
-            r.width = 2;
-        }
-        else if (node.getOrientation() === Orientation_1.Orientation.HORZ && r.height < 2) {
-            r.height = 2;
-        }
-        r.positionElement(outlineDiv.current);
-        if (rootdiv) {
-            rootdiv.appendChild(outlineDiv.current);
-        }
-    };
-    const onDragCancel = (_wasDragging) => {
-        const rootdiv = layout.getRootDiv();
-        if (rootdiv) {
-            rootdiv.removeChild(outlineDiv.current);
-        }
-    };
-    const onDragStart = () => {
-        return true;
-    };
-    const onDragMove = (event) => {
-        const clientRect = layout.getDomRect();
-        if (!clientRect) {
-            return;
-        }
-        const pos = {
-            x: event.clientX - clientRect.left,
-            y: event.clientY - clientRect.top,
-        };
-        if (outlineDiv) {
-            if (node.getOrientation() === Orientation_1.Orientation.HORZ) {
-                outlineDiv.current.style.top = getBoundPosition(pos.y - 4) + "px";
-            }
-            else {
-                outlineDiv.current.style.left = getBoundPosition(pos.x - 4) + "px";
-            }
-        }
-        if (layout.isRealtimeResize()) {
-            updateLayout();
-        }
-    };
-    const updateLayout = () => {
-        let value = 0;
-        if (outlineDiv) {
-            if (node.getOrientation() === Orientation_1.Orientation.HORZ) {
-                value = outlineDiv.current.offsetTop;
-            }
-            else {
-                value = outlineDiv.current.offsetLeft;
-            }
-        }
-        if (parentNode instanceof BorderNode_1.BorderNode) {
-            const pos = parentNode._calculateSplit(node, value);
-            layout.doAction(Actions_1.Actions.adjustBorderSplit(node.getParent().getId(), pos));
-        }
-        else {
-            const splitSpec = parentNode._calculateSplit(node, value);
-            if (splitSpec !== undefined) {
-                layout.doAction(Actions_1.Actions.adjustSplit(splitSpec));
-            }
-        }
-    };
-    const onDragEnd = () => {
-        updateLayout();
-        const rootdiv = layout.getRootDiv();
-        if (rootdiv) {
-            rootdiv.removeChild(outlineDiv.current);
-        }
-    };
-    const getBoundPosition = (p) => {
-        const bounds = pBounds.current;
-        let rtn = p;
-        if (p < bounds[0]) {
-            rtn = bounds[0];
-        }
-        if (p > bounds[1]) {
-            rtn = bounds[1];
-        }
-        return rtn;
-    };
-    const cm = layout.getClassName;
-    let r = node.getRect();
-    const style = r.styleWithPosition({
-        cursor: node.getOrientation() === Orientation_1.Orientation.HORZ ? "ns-resize" : "ew-resize",
-    });
-    let className = cm(Types_1.CLASSES.FLEXLAYOUT__SPLITTER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__SPLITTER_ + node.getOrientation().getName());
-    if (parentNode instanceof BorderNode_1.BorderNode) {
-        className += " " + cm(Types_1.CLASSES.FLEXLAYOUT__SPLITTER_BORDER);
-    }
-    else {
-        if (node.getModel().getMaximizedTabset() !== undefined) {
-            style.display = "none";
-        }
-    }
-    const extra = node.getModel().getSplitterExtra();
-    if (extra === 0) {
-        return (React.createElement("div", { style: style, "data-layout-path": path, className: className, onTouchStart: onMouseDown, onMouseDown: onMouseDown }));
-    }
-    else {
-        // add extended transparent div for hit testing
-        // extends forward only, so as not to interfere with scrollbars
-        let r2 = r.clone();
-        r2.x = 0;
-        r2.y = 0;
-        if (node.getOrientation() === Orientation_1.Orientation.VERT) {
-            r2.width += extra;
-        }
-        else {
-            r2.height += extra;
-        }
-        const style2 = r2.styleWithPosition({
-            cursor: node.getOrientation() === Orientation_1.Orientation.HORZ ? "ns-resize" : "ew-resize"
-        });
-        const className2 = cm(Types_1.CLASSES.FLEXLAYOUT__SPLITTER_EXTRA);
-        return (React.createElement("div", { style: style, "data-layout-path": path, className: className },
-            React.createElement("div", { style: style2, className: className2, onTouchStart: onMouseDown, onMouseDown: onMouseDown })));
-    }
-};
-exports.Splitter = Splitter;
+import * as React from "react";
+import { Actions } from "../model/Actions";
+import { BorderNode } from "../model/BorderNode";
+import { RowNode } from "../model/RowNode";
+import { Orientation } from "../Orientation";
+import { CLASSES } from "../Types";
+import { enablePointerOnIFrames, isDesktop, startDrag } from "./Utils";
+import { Rect } from "../Rect";
+/** @internal */
+export const Splitter = (props) => {
+    const { layout, node, index, horizontal } = props;
+    const [dragging, setDragging] = React.useState(false);
+    const selfRef = React.useRef(null);
+    const extendedRef = React.useRef(null);
+    const pBounds = React.useRef([]);
+    const outlineDiv = React.useRef(undefined);
+    const handleDiv = React.useRef(undefined);
+    const dragStartX = React.useRef(0);
+    const dragStartY = React.useRef(0);
+    const initalSizes = React.useRef({ initialSizes: [], sum: 0, startPosition: 0 });
+    // const throttleTimer = React.useRef<NodeJS.Timeout | undefined>(undefined);
+    const size = node.getModel().getSplitterSize();
+    let extra = node.getModel().getSplitterExtra();
+    if (!isDesktop()) {
+        // make hit test area on mobile at least 30px
+        extra = Math.max(30, extra + size) - size;
+    }
+    React.useEffect(() => {
+        var _a, _b;
+        // Android fix: must have passive touchstart handler to prevent default handling
+        (_a = selfRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("touchstart", onTouchStart, { passive: false });
+        (_b = extendedRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener("touchstart", onTouchStart, { passive: false });
+        return () => {
+            var _a, _b;
+            (_a = selfRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("touchstart", onTouchStart);
+            (_b = extendedRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener("touchstart", onTouchStart);
+        };
+    }, []);
+    const onTouchStart = (event) => {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+    };
+    const onPointerDown = (event) => {
+        var _a;
+        event.stopPropagation();
+        if (node instanceof RowNode) {
+            initalSizes.current = node.getSplitterInitials(index);
+        }
+        enablePointerOnIFrames(false, layout.getCurrentDocument());
+        startDrag(event.currentTarget.ownerDocument, event, onDragMove, onDragEnd, onDragCancel);
+        pBounds.current = node.getSplitterBounds(index, true);
+        const rootdiv = layout.getRootDiv();
+        outlineDiv.current = layout.getCurrentDocument().createElement("div");
+        outlineDiv.current.style.flexDirection = horizontal ? "row" : "column";
+        outlineDiv.current.className = layout.getClassName(CLASSES.FLEXLAYOUT__SPLITTER_DRAG);
+        outlineDiv.current.style.cursor = node.getOrientation() === Orientation.VERT ? "ns-resize" : "ew-resize";
+        if (node.getModel().isSplitterEnableHandle()) {
+            handleDiv.current = layout.getCurrentDocument().createElement("div");
+            handleDiv.current.className = cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE) + " " +
+                (horizontal ? cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE_HORZ) : cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE_VERT));
+            outlineDiv.current.appendChild(handleDiv.current);
+        }
+        const r = (_a = selfRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const rect = new Rect(r.x - layout.getDomRect().x, r.y - layout.getDomRect().y, r.width, r.height);
+        dragStartX.current = event.clientX - r.x;
+        dragStartY.current = event.clientY - r.y;
+        rect.positionElement(outlineDiv.current);
+        if (rootdiv) {
+            rootdiv.appendChild(outlineDiv.current);
+        }
+        setDragging(true);
+    };
+    const onDragCancel = () => {
+        const rootdiv = layout.getRootDiv();
+        if (rootdiv && outlineDiv.current) {
+            rootdiv.removeChild(outlineDiv.current);
+        }
+        outlineDiv.current = undefined;
+        setDragging(false);
+    };
+    const onDragMove = (x, y) => {
+        if (outlineDiv.current) {
+            const clientRect = layout.getDomRect();
+            if (!clientRect) {
+                return;
+            }
+            if (node.getOrientation() === Orientation.VERT) {
+                outlineDiv.current.style.top = getBoundPosition(y - clientRect.y - dragStartY.current) + "px";
+            }
+            else {
+                outlineDiv.current.style.left = getBoundPosition(x - clientRect.x - dragStartX.current) + "px";
+            }
+            if (layout.isRealtimeResize()) {
+                updateLayout(true);
+            }
+        }
+    };
+    const onDragEnd = () => {
+        if (outlineDiv.current) {
+            updateLayout(false);
+            const rootdiv = layout.getRootDiv();
+            if (rootdiv && outlineDiv.current) {
+                rootdiv.removeChild(outlineDiv.current);
+            }
+            outlineDiv.current = undefined;
+        }
+        enablePointerOnIFrames(true, layout.getCurrentDocument());
+        setDragging(false);
+    };
+    const updateLayout = (realtime) => {
+        const redraw = () => {
+            if (outlineDiv.current) {
+                let value = 0;
+                if (node.getOrientation() === Orientation.VERT) {
+                    value = outlineDiv.current.offsetTop;
+                }
+                else {
+                    value = outlineDiv.current.offsetLeft;
+                }
+                if (node instanceof BorderNode) {
+                    const pos = node.calculateSplit(node, value);
+                    layout.doAction(Actions.adjustBorderSplit(node.getId(), pos));
+                }
+                else {
+                    const init = initalSizes.current;
+                    const weights = node.calculateSplit(index, value, init.initialSizes, init.sum, init.startPosition);
+                    layout.doAction(Actions.adjustWeights(node.getId(), weights));
+                }
+            }
+        };
+        redraw();
+    };
+    const getBoundPosition = (p) => {
+        const bounds = pBounds.current;
+        let rtn = p;
+        if (p < bounds[0]) {
+            rtn = bounds[0];
+        }
+        if (p > bounds[1]) {
+            rtn = bounds[1];
+        }
+        return rtn;
+    };
+    const cm = layout.getClassName;
+    const style = {
+        cursor: horizontal ? "ew-resize" : "ns-resize",
+        flexDirection: horizontal ? "column" : "row"
+    };
+    let className = cm(CLASSES.FLEXLAYOUT__SPLITTER) + " " + cm(CLASSES.FLEXLAYOUT__SPLITTER_ + node.getOrientation().getName());
+    if (node instanceof BorderNode) {
+        className += " " + cm(CLASSES.FLEXLAYOUT__SPLITTER_BORDER);
+    }
+    else {
+        if (node.getModel().getMaximizedTabset(layout.getWindowId()) !== undefined) {
+            style.display = "none";
+        }
+    }
+    if (horizontal) {
+        style.width = size + "px";
+        style.minWidth = size + "px";
+    }
+    else {
+        style.height = size + "px";
+        style.minHeight = size + "px";
+    }
+    let handle;
+    if (!dragging && node.getModel().isSplitterEnableHandle()) {
+        handle = (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE) + " " +
+                (horizontal ? cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE_HORZ) : cm(CLASSES.FLEXLAYOUT__SPLITTER_HANDLE_VERT)) }));
+    }
+    if (extra === 0) {
+        return (React.createElement("div", { className: className, style: style, ref: selfRef, "data-layout-path": node.getPath() + "/s" + (index - 1), onPointerDown: onPointerDown }, handle));
+    }
+    else {
+        // add extended transparent div for hit testing
+        const style2 = {};
+        if (node.getOrientation() === Orientation.HORZ) {
+            style2.height = "100%";
+            style2.width = size + extra + "px";
+            style2.cursor = "ew-resize";
+        }
+        else {
+            style2.height = size + extra + "px";
+            style2.width = "100%";
+            style2.cursor = "ns-resize";
+        }
+        const className2 = cm(CLASSES.FLEXLAYOUT__SPLITTER_EXTRA);
+        return (React.createElement("div", { className: className, style: style, ref: selfRef, "data-layout-path": node.getPath() + "/s" + (index - 1), onPointerDown: onPointerDown },
+            React.createElement("div", { style: style2, ref: extendedRef, className: className2, onPointerDown: onPointerDown })));
+    }
+};
 //# sourceMappingURL=Splitter.js.map

package/lib/view/Splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Splitter.js","sourceRoot":"","sources":["../../src/view/Splitter.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,0CAAuC;AACvC,8CAA2C;AAC3C,oDAAiD;AAIjD,gDAA6C;AAC7C,oCAAmC;AAUnC,gBAAgB;AACT,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC9C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAW,EAAE,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAA6B,SAAS,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAA0B,CAAC;IAE5D,MAAM,WAAW,GAAG,CAChB,KAGsC,EACxC,EAAE;;QACA,mBAAQ,CAAC,QAAQ,CAAC,sBAAsB,CACpC,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI;YACtC,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,WAAW,CACpB,CAAC;QACF,mBAAQ,CAAC,QAAQ,CAAC,SAAS,CACvB,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,SAAS,EACT,MAAM,CAAC,kBAAkB,EAAE,EAC3B,MAAA,MAAM,CAAC,UAAU,EAAE,mCAAI,SAAS,CACnC,CAAC;QACF,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5D,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,kBAAkB,EAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC/C,UAAU,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,eAAO,CAAC,yBAAyB,CAAC,CAAC;QACtF,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;QACzG,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE;YAC3D,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;SACf;aAAM,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACnE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;SAChB;QAED,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;SAC3C;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,YAAqB,EAAE,EAAE;QAC3C,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,OAAkB,CAAC,CAAC;SACtD;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAA4C,EAAE,EAAE;QAChE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACvC,IAAI,CAAC,UAAU,EAAE;YACb,OAAO;SACV;QAED,MAAM,GAAG,GAAG;YACR,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI;YAClC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG;SACpC,CAAC;QAEF,IAAI,UAAU,EAAE;YACZ,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,EAAE;gBAC5C,UAAU,CAAC,OAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;aACtE;iBAAM;gBACH,UAAU,CAAC,OAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;aACvE;SACJ;QAED,IAAI,MAAM,CAAC,gBAAgB,EAAE,EAAE;YAC3B,YAAY,EAAE,CAAC;SAClB;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,UAAU,EAAE;YACZ,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,EAAE;gBAC5C,KAAK,GAAG,UAAU,CAAC,OAAQ,CAAC,SAAS,CAAC;aACzC;iBAAM;gBACH,KAAK,GAAG,UAAU,CAAC,OAAQ,CAAC,UAAU,CAAC;aAC1C;SACJ;QAED,IAAI,UAAU,YAAY,uBAAU,EAAE;YAClC,MAAM,GAAG,GAAI,UAAyB,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpE,MAAM,CAAC,QAAQ,CAAC,iBAAO,CAAC,iBAAiB,CAAE,IAAI,CAAC,SAAS,EAAW,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;SACvF;aAAM;YACH,MAAM,SAAS,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC1D,IAAI,SAAS,KAAK,SAAS,EAAE;gBACzB,MAAM,CAAC,QAAQ,CAAC,iBAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;aACnD;SACJ;IACL,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,YAAY,EAAE,CAAC;QAEf,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,IAAI,OAAO,EAAE;YACT,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,OAAyB,CAAC,CAAC;SAC7D;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAS,EAAE,EAAE;QACnC,MAAM,MAAM,GAAG,OAAO,CAAC,OAAmB,CAAC;QAC3C,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;YACf,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;SACnB;QACD,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;YACf,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;SACnB;QAED,OAAO,GAAG,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAC/B,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,CAAC,CAAC,iBAAiB,CAAC;QAC9B,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW;KACjF,CAAC,CAAC;IACH,IAAI,SAAS,GAAG,EAAE,CAAC,eAAO,CAAC,oBAAoB,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,eAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IAE7H,IAAI,UAAU,YAAY,uBAAU,EAAE;QAClC,SAAS,IAAI,GAAG,GAAG,EAAE,CAAC,eAAO,CAAC,2BAA2B,CAAC,CAAC;KAC9D;SAAM;QACH,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,kBAAkB,EAAE,KAAK,SAAS,EAAE;YACpD,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;SAC1B;KACJ;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACjD,IAAI,KAAK,KAAK,CAAC,EAAE;QACb,OAAO,CAAC,6BACJ,KAAK,EAAE,KAAK,sBACM,IAAI,EACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,WAAW,GACtB,CAAC,CAAC;KACX;SAAM;QACH,+CAA+C;QAC/C,+DAA+D;QAC/D,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;QACnB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACT,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACT,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,EAAE;YAC5C,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC;SACrB;aAAM;YACH,EAAE,CAAC,MAAM,IAAI,KAAK,CAAC;SACtB;QACD,MAAM,MAAM,GAAG,EAAE,CAAC,iBAAiB,CAAC;YAChC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,yBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW;SACjF,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,EAAE,CAAC,eAAO,CAAC,0BAA0B,CAAC,CAAC;QAE1D,OAAO,CACH,6BACI,KAAK,EAAE,KAAK,sBACM,IAAI,EACtB,SAAS,EAAE,SAAS;YACpB,6BACI,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,WAAW,GACtB,CACJ,CAAC,CAAC;KACf;AAEL,CAAC,CAAC;AArLW,QAAA,QAAQ,YAqLnB"}
+{"version":3,"file":"Splitter.js","sourceRoot":"","sources":["../../src/view/Splitter.tsx"],"names":[],"mappings":"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"}

package/lib/view/Tab.js

@@ -1,61 +1,87 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-const React = require("react");
-const react_1 = require("react");
-const Actions_1 = require("../model/Actions");
-const TabSetNode_1 = require("../model/TabSetNode");
-const Types_1 = require("../Types");
-const ErrorBoundary_1 = require("./ErrorBoundary");
-const I18nLabel_1 = require("../I18nLabel");
-const BorderNode_1 = require("../model/BorderNode");
-const Utils_1 = require("./Utils");
-/** @internal */
-const Tab = (props) => {
-    const { layout, selected, node, factory, path } = props;
-    const [renderComponent, setRenderComponent] = React.useState(!props.node.isEnableRenderOnDemand() || props.selected);
-    React.useLayoutEffect(() => {
-        if (!renderComponent && selected) {
-            // load on demand
-            // console.log("load on demand: " + node.getName());
-            setRenderComponent(true);
-        }
-    });
-    const onMouseDown = () => {
-        const parent = node.getParent();
-        if (parent.getType() === TabSetNode_1.TabSetNode.TYPE) {
-            if (!parent.isActive()) {
-                layout.doAction(Actions_1.Actions.setActiveTabset(parent.getId()));
-            }
-        }
-    };
-    const cm = layout.getClassName;
-    const useVisibility = node.getModel().isUseVisibility();
-    const parentNode = node.getParent();
-    const style = node._styleWithPosition();
-    if (!selected) {
-        (0, Utils_1.hideElement)(style, useVisibility);
-    }
-    if (parentNode instanceof TabSetNode_1.TabSetNode) {
-        if (node.getModel().getMaximizedTabset() !== undefined && !parentNode.isMaximized()) {
-            (0, Utils_1.hideElement)(style, useVisibility);
-        }
-    }
-    let child;
-    if (renderComponent) {
-        child = factory(node);
-    }
-    let className = cm(Types_1.CLASSES.FLEXLAYOUT__TAB);
-    if (parentNode instanceof BorderNode_1.BorderNode) {
-        className += " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BORDER);
-        className += " " + cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BORDER_ + parentNode.getLocation().getName());
-    }
-    if (node.getContentClassName() !== undefined) {
-        className += " " + node.getContentClassName();
-    }
-    return (React.createElement("div", { className: className, "data-layout-path": path, onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style },
-        React.createElement(ErrorBoundary_1.ErrorBoundary, { message: props.layout.i18nName(I18nLabel_1.I18nLabel.Error_rendering_component) },
-            React.createElement(react_1.Fragment, null, child))));
-};
-exports.Tab = Tab;
+import * as React from "react";
+import { TabSetNode } from "../model/TabSetNode";
+import { CLASSES } from "../Types";
+import { BorderNode } from "../model/BorderNode";
+import { Actions } from "../model/Actions";
+/** @internal */
+export const Tab = (props) => {
+    const { layout, selected, node, path } = props;
+    const selfRef = React.useRef(null);
+    const firstSelect = React.useRef(true);
+    const parentNode = node.getParent();
+    const rect = parentNode.getContentRect();
+    React.useLayoutEffect(() => {
+        const element = node.getMoveableElement();
+        selfRef.current.appendChild(element);
+        node.setMoveableElement(element);
+        const handleScroll = () => {
+            node.saveScrollPosition();
+        };
+        // keep scroll position
+        element.addEventListener('scroll', handleScroll);
+        // listen for clicks to change active tabset
+        selfRef.current.addEventListener("pointerdown", onPointerDown);
+        return () => {
+            element.removeEventListener('scroll', handleScroll);
+            if (selfRef.current) {
+                selfRef.current.removeEventListener("pointerdown", onPointerDown);
+            }
+            node.setVisible(false);
+        };
+    }, []);
+    React.useEffect(() => {
+        if (node.isSelected()) {
+            if (firstSelect.current) {
+                node.restoreScrollPosition(); // if window docked back in
+                firstSelect.current = false;
+            }
+        }
+    });
+    const onPointerDown = () => {
+        const parent = node.getParent(); // cannot use parentNode here since will be out of date
+        if (parent instanceof TabSetNode) {
+            if (!parent.isActive()) {
+                layout.doAction(Actions.setActiveTabset(parent.getId(), layout.getWindowId()));
+            }
+        }
+    };
+    node.setRect(rect); // needed for resize event
+    const cm = layout.getClassName;
+    const style = {};
+    rect.styleWithPosition(style);
+    let overlay = null;
+    if (selected) {
+        node.setVisible(true);
+        if (document.hidden && node.isEnablePopoutOverlay()) {
+            const overlayStyle = {};
+            rect.styleWithPosition(overlayStyle);
+            overlay = (React.createElement("div", { style: overlayStyle, className: cm(CLASSES.FLEXLAYOUT__TAB_OVERLAY) }));
+        }
+    }
+    else {
+        style.display = "none";
+        node.setVisible(false);
+    }
+    if (parentNode instanceof TabSetNode) {
+        if (node.getModel().getMaximizedTabset(layout.getWindowId()) !== undefined) {
+            if (parentNode.isMaximized()) {
+                style.zIndex = 10;
+            }
+            else {
+                style.display = "none";
+            }
+        }
+    }
+    let className = cm(CLASSES.FLEXLAYOUT__TAB);
+    if (parentNode instanceof BorderNode) {
+        className += " " + cm(CLASSES.FLEXLAYOUT__TAB_BORDER);
+        className += " " + cm(CLASSES.FLEXLAYOUT__TAB_BORDER_ + parentNode.getLocation().getName());
+    }
+    if (node.getContentClassName() !== undefined) {
+        className += " " + node.getContentClassName();
+    }
+    return (React.createElement(React.Fragment, null,
+        overlay,
+        React.createElement("div", { ref: selfRef, style: style, className: className, "data-layout-path": path })));
+};
 //# sourceMappingURL=Tab.js.map

package/lib/view/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/view/Tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/view/Tab.tsx"],"names":[],"mappings":"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"}