flexlayout-react 0.8.10 → 0.8.12

package/dist/src/view/TabSet.js

@@ -0,0 +1,256 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { I18nLabel } from "../I18nLabel";
+import { Actions } from "../model/Actions";
+import { showPopup } from "./PopupMenu";
+import { TabButton } from "./TabButton";
+import { useTabOverflow } from "./TabOverflowHook";
+import { Orientation } from "../Orientation";
+import { CLASSES } from "../Types";
+import { isAuxMouseEvent } from "./Utils";
+import { createPortal } from "react-dom";
+import { Rect } from "../Rect";
+/** @internal */
+export const TabSet = (props) => {
+    const { node, layout } = props;
+    const tabStripRef = React.useRef(null);
+    const miniScrollRef = React.useRef(null);
+    const tabStripInnerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const buttonBarRef = React.useRef(null);
+    const overflowbuttonRef = React.useRef(null);
+    const stickyButtonsRef = React.useRef(null);
+    const icons = layout.getIcons();
+    React.useLayoutEffect(() => {
+        node.setRect(layout.getBoundingClientRect(selfRef.current));
+        if (tabStripRef.current) {
+            node.setTabStripRect(layout.getBoundingClientRect(tabStripRef.current));
+        }
+        const newContentRect = Rect.getContentRect(contentRef.current).relativeTo(layout.getDomRect());
+        if (!node.getContentRect().equals(newContentRect) && !isNaN(newContentRect.x)) {
+            node.setContentRect(newContentRect);
+            layout.redrawInternal("tabset content rect " + newContentRect);
+        }
+    });
+    // this must be after the useEffect, so the node rect is already set (else window popin will not position tabs correctly)
+    const { selfRef, userControlledPositionRef, onScroll, onScrollPointerDown, hiddenTabs, onMouseWheel, isDockStickyButtons, isShowHiddenTabs } = useTabOverflow(layout, node, Orientation.HORZ, tabStripInnerRef, miniScrollRef, layout.getClassName(CLASSES.FLEXLAYOUT__TAB_BUTTON));
+    const onOverflowClick = (event) => {
+        const callback = layout.getShowOverflowMenu();
+        const items = hiddenTabs.map(h => { return { index: h, node: node.getChildren()[h] }; });
+        if (callback !== undefined) {
+            callback(node, event, items, onOverflowItemSelect);
+        }
+        else {
+            const element = overflowbuttonRef.current;
+            showPopup(element, node, items, onOverflowItemSelect, layout);
+        }
+        event.stopPropagation();
+    };
+    const onOverflowItemSelect = (item) => {
+        layout.doAction(Actions.selectTab(item.node.getId()));
+        userControlledPositionRef.current = false;
+    };
+    const onDragStart = (event) => {
+        if (!layout.getEditingTab()) {
+            if (node.isEnableDrag()) {
+                event.stopPropagation();
+                layout.setDragNode(event.nativeEvent, node);
+            }
+            else {
+                event.preventDefault();
+            }
+        }
+        else {
+            event.preventDefault();
+        }
+    };
+    const onPointerDown = (event) => {
+        if (!isAuxMouseEvent(event)) {
+            layout.doAction(Actions.setActiveTabset(node.getId(), layout.getWindowId()));
+        }
+    };
+    const onAuxMouseClick = (event) => {
+        if (isAuxMouseEvent(event)) {
+            layout.auxMouseClick(node, event);
+        }
+    };
+    const onContextMenu = (event) => {
+        layout.showContextMenu(node, event);
+    };
+    const onInterceptPointerDown = (event) => {
+        event.stopPropagation();
+    };
+    const onMaximizeToggle = (event) => {
+        if (node.canMaximize()) {
+            layout.maximize(node);
+        }
+        event.stopPropagation();
+    };
+    const onClose = (event) => {
+        layout.doAction(Actions.deleteTabset(node.getId()));
+        event.stopPropagation();
+    };
+    const onCloseTab = (event) => {
+        layout.doAction(Actions.deleteTab(node.getChildren()[0].getId()));
+        event.stopPropagation();
+    };
+    const onPopoutTab = (event) => {
+        if (selectedTabNode !== undefined) {
+            layout.doAction(Actions.popoutTab(selectedTabNode.getId()));
+            // layout.doAction(Actions.popoutTabset(node.getId()));
+        }
+        event.stopPropagation();
+    };
+    const onDoubleClick = (event) => {
+        if (node.canMaximize()) {
+            layout.maximize(node);
+        }
+    };
+    // Start Render
+    const cm = layout.getClassName;
+    const selectedTabNode = node.getSelectedNode();
+    const path = node.getPath();
+    const tabs = [];
+    if (node.isEnableTabStrip()) {
+        for (let i = 0; i < node.getChildren().length; i++) {
+            const child = node.getChildren()[i];
+            let isSelected = node.getSelected() === i;
+            tabs.push(_jsx(TabButton, { layout: layout, node: child, path: path + "/tb" + i, selected: isSelected }, child.getId()));
+            if (i < node.getChildren().length - 1) {
+                tabs.push(_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TABSET_TAB_DIVIDER) }, "divider" + i));
+            }
+        }
+    }
+    let stickyButtons = [];
+    let buttons = [];
+    // allow customization of header contents and buttons
+    const renderState = { stickyButtons, buttons, overflowPosition: undefined };
+    layout.customizeTabSet(node, renderState);
+    stickyButtons = renderState.stickyButtons;
+    buttons = renderState.buttons;
+    const isTabStretch = node.isEnableSingleTabStretch() && node.getChildren().length === 1;
+    const showClose = (isTabStretch && (node.getChildren()[0].isEnableClose())) || node.isEnableClose();
+    if (renderState.overflowPosition === undefined) {
+        renderState.overflowPosition = stickyButtons.length;
+    }
+    if (stickyButtons.length > 0) {
+        if (!node.isEnableTabWrap() && (isDockStickyButtons || isTabStretch)) {
+            buttons = [...stickyButtons, ...buttons];
+        }
+        else {
+            tabs.push(_jsx("div", { ref: stickyButtonsRef, onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER), children: stickyButtons }, "sticky_buttons_container"));
+        }
+    }
+    if (!node.isEnableTabWrap()) {
+        if (isShowHiddenTabs) {
+            const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
+            let overflowContent;
+            if (typeof icons.more === "function") {
+                const items = hiddenTabs.map(h => { return { index: h, node: node.getChildren()[h] }; });
+                overflowContent = icons.more(node, items);
+            }
+            else {
+                overflowContent = (_jsxs(_Fragment, { children: [icons.more, _jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT), children: hiddenTabs.length > 0 ? hiddenTabs.length : "" })] }));
+            }
+            buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, _jsx("button", { "data-layout-path": path + "/button/overflow", ref: overflowbuttonRef, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW), title: overflowTitle, onClick: onOverflowClick, onPointerDown: onInterceptPointerDown, children: overflowContent }, "overflowbutton"));
+        }
+    }
+    if (selectedTabNode !== undefined &&
+        layout.isSupportsPopout() &&
+        selectedTabNode.isEnablePopout() &&
+        selectedTabNode.isEnablePopoutIcon()) {
+        const popoutTitle = layout.i18nName(I18nLabel.Popout_Tab);
+        buttons.push(_jsx("button", { "data-layout-path": path + "/button/popout", title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown, children: (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout }, "popout"));
+    }
+    if (node.canMaximize()) {
+        const minTitle = layout.i18nName(I18nLabel.Restore);
+        const maxTitle = layout.i18nName(I18nLabel.Maximize);
+        buttons.push(_jsx("button", { "data-layout-path": path + "/button/max", title: node.isMaximized() ? minTitle : maxTitle, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_ + (node.isMaximized() ? "max" : "min")), onClick: onMaximizeToggle, onPointerDown: onInterceptPointerDown, children: node.isMaximized() ?
+                (typeof icons.restore === "function") ? icons.restore(node) : icons.restore :
+                (typeof icons.maximize === "function") ? icons.maximize(node) : icons.maximize }, "max"));
+    }
+    if (!node.isMaximized() && showClose) {
+        const title = isTabStretch ? layout.i18nName(I18nLabel.Close_Tab) : layout.i18nName(I18nLabel.Close_Tabset);
+        buttons.push(_jsx("button", { "data-layout-path": path + "/button/close", title: title, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE), onClick: isTabStretch ? onCloseTab : onClose, onPointerDown: onInterceptPointerDown, children: (typeof icons.closeTabset === "function") ? icons.closeTabset(node) : icons.closeTabset }, "close"));
+    }
+    if (node.isActive() && node.isEnableActiveIcon()) {
+        const title = layout.i18nName(I18nLabel.Active_Tabset);
+        buttons.push(_jsx("div", { "data-layout-path": path + "/button/active", title: title, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_ICON), children: (typeof icons.activeTabset === "function") ? icons.activeTabset(node) : icons.activeTabset }, "active"));
+    }
+    const buttonbar = (_jsx("div", { ref: buttonBarRef, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR), onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, children: buttons }, "buttonbar"));
+    let tabStrip;
+    let tabStripClasses = cm(CLASSES.FLEXLAYOUT__TABSET_TABBAR_OUTER);
+    if (node.getClassNameTabStrip() !== undefined) {
+        tabStripClasses += " " + node.getClassNameTabStrip();
+    }
+    tabStripClasses += " " + CLASSES.FLEXLAYOUT__TABSET_TABBAR_OUTER_ + node.getTabLocation();
+    if (node.isActive()) {
+        tabStripClasses += " " + cm(CLASSES.FLEXLAYOUT__TABSET_SELECTED);
+    }
+    if (node.isMaximized()) {
+        tabStripClasses += " " + cm(CLASSES.FLEXLAYOUT__TABSET_MAXIMIZED);
+    }
+    if (isTabStretch) {
+        const tabNode = node.getChildren()[0];
+        if (tabNode.getTabSetClassName() !== undefined) {
+            tabStripClasses += " " + tabNode.getTabSetClassName();
+        }
+    }
+    if (node.isEnableTabWrap()) {
+        if (node.isEnableTabStrip()) {
+            tabStrip = (_jsxs("div", { className: tabStripClasses, style: { flexWrap: "wrap", gap: "1px", marginTop: "2px" }, ref: tabStripRef, "data-layout-path": path + "/tabstrip", onPointerDown: onPointerDown, onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, draggable: true, onDragStart: onDragStart, children: [tabs, _jsx("div", { style: { flexGrow: 1 } }), buttonbar] }));
+        }
+    }
+    else {
+        if (node.isEnableTabStrip()) {
+            let miniScrollbar = undefined;
+            if (node.isEnableTabScrollbar()) {
+                miniScrollbar = (_jsx("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
+            }
+            tabStrip = (_jsxs("div", { className: tabStripClasses, ref: tabStripRef, "data-layout-path": path + "/tabstrip", onPointerDown: onPointerDown, onDoubleClick: onDoubleClick, onContextMenu: onContextMenu, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, draggable: true, onWheel: onMouseWheel, onDragStart: onDragStart, children: [_jsxs("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER), children: [_jsx("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER) + " " + cm(CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_ + node.getTabLocation()), style: { overflowX: 'auto', overflowY: "hidden" }, onScroll: onScroll, children: _jsx("div", { style: { width: (isTabStretch ? "100%" : "none") }, className: cm(CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER_ + node.getTabLocation()), children: tabs }) }), miniScrollbar] }), buttonbar] }));
+        }
+    }
+    var emptyTabset;
+    if (node.getChildren().length === 0) {
+        const placeHolderCallback = layout.getTabSetPlaceHolderCallback();
+        if (placeHolderCallback) {
+            emptyTabset = placeHolderCallback(node);
+        }
+    }
+    let content = _jsx("div", { ref: contentRef, className: cm(CLASSES.FLEXLAYOUT__TABSET_CONTENT), children: emptyTabset });
+    if (node.getTabLocation() === "top") {
+        content = _jsxs(_Fragment, { children: [tabStrip, content] });
+    }
+    else {
+        content = _jsxs(_Fragment, { children: [content, tabStrip] });
+    }
+    let style = {
+        flexGrow: Math.max(1, node.getWeight() * 1000),
+        minWidth: node.getMinWidth(),
+        minHeight: node.getMinHeight(),
+        maxWidth: node.getMaxWidth(),
+        maxHeight: node.getMaxHeight()
+    };
+    if (node.getModel().getMaximizedTabset(layout.getWindowId()) !== undefined && !node.isMaximized()) {
+        style.display = "none";
+    }
+    // note: tabset container is needed to allow flexbox to size without border/padding/margin
+    // then inner tabset can have border/padding/margin for styling
+    const tabset = (_jsx("div", { ref: selfRef, className: cm(CLASSES.FLEXLAYOUT__TABSET_CONTAINER), style: style, children: _jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TABSET), "data-layout-path": path, children: content }) }));
+    if (node.isMaximized()) {
+        if (layout.getMainElement()) {
+            return createPortal(_jsx("div", { style: {
+                    position: "absolute",
+                    display: "flex",
+                    top: 0, left: 0, bottom: 0, right: 0
+                }, children: tabset }), layout.getMainElement());
+        }
+        else {
+            return tabset;
+        }
+    }
+    else {
+        return tabset;
+    }
+};
+//# sourceMappingURL=TabSet.js.map

package/dist/src/view/TabSet.js.map

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

package/dist/src/view/Utils.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabNode } from "../model/TabNode";
+import { TabSetNode } from "../model/TabSetNode";
+/** @internal */
+export function isDesktop() {
+    const desktop = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+    return desktop;
+}
+/** @internal */
+export function getRenderStateEx(layout, node, iconAngle) {
+    let leadingContent = undefined;
+    let titleContent = node.getName();
+    let name = node.getName();
+    if (iconAngle === undefined) {
+        iconAngle = 0;
+    }
+    if (leadingContent === undefined && node.getIcon() !== undefined) {
+        if (iconAngle !== 0) {
+            leadingContent = _jsx("img", { style: { width: "1em", height: "1em", transform: "rotate(" + iconAngle + "deg)" }, src: node.getIcon(), alt: "leadingContent" });
+        }
+        else {
+            leadingContent = _jsx("img", { style: { width: "1em", height: "1em" }, src: node.getIcon(), alt: "leadingContent" });
+        }
+    }
+    let buttons = [];
+    // allow customization of leading contents (icon) and contents
+    const renderState = { leading: leadingContent, content: titleContent, name, buttons };
+    layout.customizeTab(node, renderState);
+    node.setRenderedName(renderState.name);
+    return renderState;
+}
+/** @internal */
+export function isAuxMouseEvent(event) {
+    let auxEvent = false;
+    if (event.nativeEvent instanceof MouseEvent) {
+        if (event.nativeEvent.button !== 0 || event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) {
+            auxEvent = true;
+        }
+    }
+    return auxEvent;
+}
+export function enablePointerOnIFrames(enable, currentDocument) {
+    const iframes = [
+        ...getElementsByTagName('iframe', currentDocument),
+        ...getElementsByTagName('webview', currentDocument),
+    ];
+    for (const iframe of iframes) {
+        iframe.style.pointerEvents = enable ? 'auto' : 'none';
+    }
+}
+;
+export function getElementsByTagName(tag, currentDocument) {
+    return [...currentDocument.getElementsByTagName(tag)];
+}
+export function startDrag(doc, event, drag, dragEnd, dragCancel) {
+    event.preventDefault();
+    const pointerMove = (ev) => {
+        ev.preventDefault();
+        drag(ev.clientX, ev.clientY);
+    };
+    const pointerCancel = (ev) => {
+        ev.preventDefault();
+        dragCancel();
+    };
+    const pointerUp = () => {
+        doc.removeEventListener("pointermove", pointerMove);
+        doc.removeEventListener("pointerup", pointerUp);
+        doc.removeEventListener("pointercancel", pointerCancel);
+        dragEnd();
+    };
+    doc.addEventListener("pointermove", pointerMove);
+    doc.addEventListener("pointerup", pointerUp);
+    doc.addEventListener('pointercancel', pointerCancel);
+}
+export function canDockToWindow(node) {
+    if (node instanceof TabNode) {
+        return node.isEnablePopout();
+    }
+    else if (node instanceof TabSetNode) {
+        for (const child of node.getChildren()) {
+            if (child.isEnablePopout() === false) {
+                return false;
+            }
+        }
+        return true;
+    }
+    return false;
+}
+export function copyInlineStyles(source, target) {
+    // Get the inline style attribute from the source element
+    const sourceStyle = source.getAttribute('style');
+    const targetStyle = target.getAttribute('style');
+    if (sourceStyle === targetStyle)
+        return false;
+    // console.log("copyInlineStyles", sourceStyle);
+    if (sourceStyle) {
+        // Set the style attribute on the target element
+        target.setAttribute('style', sourceStyle);
+    }
+    else {
+        // If the source has no inline style, clear the target's style attribute
+        target.removeAttribute('style');
+    }
+    return true;
+}
+export function isSafari() {
+    const userAgent = navigator.userAgent;
+    return userAgent.includes("Safari") && !userAgent.includes("Chrome") && !userAgent.includes("Chromium");
+}
+//# sourceMappingURL=Utils.js.map

package/dist/src/view/Utils.js.map

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

package/lib/view/BorderButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { I18nLabel } from "../I18nLabel";
 import { Actions } from "../model/Actions";
@@ -111,18 +112,15 @@ export const BorderButton = (props) => {
         }
     }
     const renderState = getRenderStateEx(layout, node, iconAngle);
-    let content = renderState.content ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_CONTENT) }, renderState.content)) : null;
-    const leading = renderState.leading ? (React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_LEADING) }, renderState.leading)) : null;
+    let content = renderState.content ? (_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_CONTENT), children: renderState.content })) : null;
+    const leading = renderState.leading ? (_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_LEADING), children: renderState.leading })) : null;
     if (layout.getEditingTab() === node) {
-        content = (React.createElement("input", { ref: contentRef, className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), "data-layout-path": path + "/textbox", type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onPointerDown: onTextBoxPointerDown }));
+        content = (_jsx("input", { ref: contentRef, className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_TEXTBOX), "data-layout-path": path + "/textbox", type: "text", autoFocus: true, defaultValue: node.getName(), onKeyDown: onTextBoxKeyPress, onPointerDown: onTextBoxPointerDown }));
     }
     if (node.isEnableClose()) {
         const closeTitle = layout.i18nName(I18nLabel.Close_Tab);
-        renderState.buttons.push(React.createElement("div", { key: "close", "data-layout-path": path + "/button/close", title: closeTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_TRAILING), onPointerDown: onClosePointerDown, onClick: onClose }, (typeof icons.close === "function") ? icons.close(node) : icons.close));
+        renderState.buttons.push(_jsx("div", { "data-layout-path": path + "/button/close", title: closeTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_BUTTON_TRAILING), onPointerDown: onClosePointerDown, onClick: onClose, children: (typeof icons.close === "function") ? icons.close(node) : icons.close }, "close"));
     }
-    return (React.createElement("div", { ref: selfRef, "data-layout-path": path, className: classNames, onClick: onClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, title: node.getHelpText(), draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd },
-        leading,
-        content,
-        renderState.buttons));
+    return (_jsxs("div", { ref: selfRef, "data-layout-path": path, className: classNames, onClick: onClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, title: node.getHelpText(), draggable: true, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [leading, content, renderState.buttons] }));
 };
 //# sourceMappingURL=BorderButton.js.map

package/lib/view/BorderButton.js.map

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

package/lib/view/BorderTab.js

@@ -1,20 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Orientation } from "../Orientation";
 import { Rect } from "../Rect";
-import { Splitter } from "./Splitter";
+import { Splitter, splitterDragging } from "./Splitter";
 import { DockLocation } from "../DockLocation";
 import { CLASSES } from "../Types";
 export function BorderTab(props) {
     const { layout, border, show } = props;
     const selfRef = React.useRef(null);
+    const timer = React.useRef(undefined);
     React.useLayoutEffect(() => {
         const outerRect = layout.getBoundingClientRect(selfRef.current);
         const contentRect = Rect.getContentRect(selfRef.current).relativeTo(layout.getDomRect());
         if (outerRect.width > 0) {
             border.setOuterRect(outerRect);
-            if (!border.getContentRect().equals(contentRect)) {
+            if (!border.getContentRect().equals(contentRect) && !isNaN(contentRect.x)) {
                 border.setContentRect(contentRect);
-                layout.redrawInternal("border content rect");
+                if (splitterDragging) { // next movement will draw tabs again, only redraw after pause/end
+                    if (timer.current) {
+                        clearTimeout(timer.current);
+                    }
+                    timer.current = setTimeout(() => {
+                        layout.redrawInternal("border content rect " + contentRect);
+                        timer.current = undefined;
+                    }, 50);
+                }
+                else {
+                    layout.redrawInternal("border content rect " + contentRect);
+                }
             }
         }
     });
@@ -34,14 +47,10 @@ export function BorderTab(props) {
     style.display = show ? "flex" : "none";
     const className = layout.getClassName(CLASSES.FLEXLAYOUT__BORDER_TAB_CONTENTS);
     if (border.getLocation() === DockLocation.LEFT || border.getLocation() === DockLocation.TOP) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { ref: selfRef, style: style, className: className }),
-            show && React.createElement(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal })));
+        return (_jsxs(_Fragment, { children: [_jsx("div", { ref: selfRef, style: style, className: className }), show && _jsx(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal })] }));
     }
     else {
-        return (React.createElement(React.Fragment, null,
-            show && React.createElement(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal }),
-            React.createElement("div", { ref: selfRef, style: style, className: className })));
+        return (_jsxs(_Fragment, { children: [show && _jsx(Splitter, { layout: layout, node: border, index: 0, horizontal: horizontal }), _jsx("div", { ref: selfRef, style: style, className: className })] }));
     }
 }
 //# sourceMappingURL=BorderTab.js.map

package/lib/view/BorderTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderTab.js","sourceRoot":"","sources":["../../src/view/BorderTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AASnC,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC5C,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACvB,MAAM,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;QACjE,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,EAAG,CAAC,CAAC;QAC3F,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YACtB,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/C,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;gBACnC,MAAM,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;YACjD,CAAC;QACL,CAAC;IAEL,CAAC,CAAC,CAAC;IAEH,IAAI,UAAU,GAAG,IAAI,CAAC;IACtB,MAAM,KAAK,GAAwB,EAAE,CAAC;IAEtC,IAAI,MAAM,CAAC,cAAc,EAAE,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;QAC/C,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;QAC/B,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACrC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC;SAAM,CAAC;QACJ,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;QAChC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACtC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACtC,UAAU,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA,CAAC,CAAA,MAAM,CAAC;IAErC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,+BAA+B,CAAC,CAAC;IAE/E,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,GAAG,EAAE,CAAC;QAC1F,OAAO,CACH;YACI,6BAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAC/C;YACL,IAAI,IAAI,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAG,UAAU,EAAE,UAAU,GAAI,CACvF,CACN,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,CACH;YACK,IAAI,IAAI,oBAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAG,UAAU,EAAE,UAAU,GAAI;YACtF,6BAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAG,SAAS,EAAE,SAAS,GAChD,CACP,CACN,CAAC;IAEN,CAAC;AACL,CAAC"}
+{"version":3,"file":"BorderTab.js","sourceRoot":"","sources":["../../src/view/BorderTab.tsx"],"names":[],"mappings":"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"}

package/lib/view/BorderTabSet.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { DockLocation } from "../DockLocation";
 import { BorderButton } from "./BorderButton";
@@ -60,9 +61,9 @@ export const BorderTabSet = (props) => {
     const layoutTab = (i) => {
         let isSelected = border.getSelected() === i;
         let child = border.getChildren()[i];
-        tabButtons.push(React.createElement(BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: border.getPath() + "/tb" + i, key: child.getId(), selected: isSelected, icons: icons }));
+        tabButtons.push(_jsx(BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: border.getPath() + "/tb" + i, selected: isSelected, icons: icons }, child.getId()));
         if (i < border.getChildren().length - 1) {
-            tabButtons.push(React.createElement("div", { key: "divider" + i, className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }));
+            tabButtons.push(_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }, "divider" + i));
         }
     };
     for (let i = 0; i < border.getChildren().length; i++) {
@@ -86,7 +87,7 @@ export const BorderTabSet = (props) => {
             buttons = [...stickyButtons, ...buttons];
         }
         else {
-            tabButtons.push(React.createElement("div", { ref: stickyButtonsRef, key: "sticky_buttons_container", onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER) }, stickyButtons));
+            tabButtons.push(_jsx("div", { ref: stickyButtonsRef, onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER), children: stickyButtons }, "sticky_buttons_container"));
         }
     }
     if (isShowHiddenTabs) {
@@ -97,21 +98,19 @@ export const BorderTabSet = (props) => {
             overflowContent = icons.more(border, items);
         }
         else {
-            overflowContent = (React.createElement(React.Fragment, null,
-                icons.more,
-                React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT) }, hiddenTabs.length > 0 ? hiddenTabs.length : "")));
+            overflowContent = (_jsxs(_Fragment, { children: [icons.more, _jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT), children: hiddenTabs.length > 0 ? hiddenTabs.length : "" })] }));
         }
-        buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, React.createElement("button", { key: "overflowbutton", ref: overflowbuttonRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ + border.getLocation().getName()), title: overflowTitle, onClick: onOverflowClick, onPointerDown: onInterceptPointerDown }, overflowContent));
+        buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, _jsx("button", { ref: overflowbuttonRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ + border.getLocation().getName()), title: overflowTitle, onClick: onOverflowClick, onPointerDown: onInterceptPointerDown, children: overflowContent }, "overflowbutton"));
     }
     const selectedIndex = border.getSelected();
     if (selectedIndex !== -1) {
         const selectedTabNode = border.getChildren()[selectedIndex];
         if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnablePopout()) {
             const popoutTitle = layout.i18nName(I18nLabel.Popout_Tab);
-            buttons.push(React.createElement("button", { key: "popout", title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown }, (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout));
+            buttons.push(_jsx("button", { title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown, children: (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout }, "popout"));
         }
     }
-    const toolbar = (React.createElement("div", { key: "toolbar", ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()) }, buttons));
+    const toolbar = (_jsx("div", { ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()), children: buttons }, "toolbar"));
     let innerStyle = {};
     let outerStyle = {};
     const borderHeight = size - 1;
@@ -129,16 +128,11 @@ export const BorderTabSet = (props) => {
     }
     let miniScrollbar = undefined;
     if (border.isEnableTabScrollbar()) {
-        miniScrollbar = (React.createElement("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
+        miniScrollbar = (_jsx("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
     }
-    return (React.createElement("div", { ref: selfRef, style: {
+    return (_jsxs("div", { ref: selfRef, style: {
             display: "flex",
             flexDirection: (border.getOrientation() === Orientation.VERT ? "row" : "column")
-        }, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel },
-        React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER) },
-            React.createElement("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()), style: outerStyle, onScroll: onScroll },
-                React.createElement("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()) }, tabButtons)),
-            miniScrollbar),
-        toolbar));
+        }, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel, children: [_jsxs("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER), children: [_jsx("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()), style: outerStyle, onScroll: onScroll, children: _jsx("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()), children: tabButtons }) }), miniScrollbar] }), toolbar] }));
 };
 //# sourceMappingURL=BorderTabSet.js.map