@lobehub/ui 5.11.0 → 5.12.1

package/es/base-ui/zIndex/manager.mjs

@@ -0,0 +1,21 @@
+import { Z_INDEX_LAYER } from "./constants.mjs";
+//#region src/base-ui/zIndex/manager.ts
+let mainTop = 0;
+let toastTop = 0;
+let warnedMainOverflow = false;
+function acquireLayerZIndex(tier) {
+	if (tier === "toast") {
+		toastTop = Math.max(toastTop, Z_INDEX_LAYER.toast) + Z_INDEX_LAYER.step;
+		return toastTop;
+	}
+	mainTop = Math.max(mainTop, Z_INDEX_LAYER[tier]) + Z_INDEX_LAYER.step;
+	if (process.env.NODE_ENV !== "production" && !warnedMainOverflow && mainTop >= Z_INDEX_LAYER.toast) {
+		warnedMainOverflow = true;
+		console.warn(`[lobe-ui z-index] main stack reached toast tier (${mainTop}); unexpected nesting depth`);
+	}
+	return mainTop;
+}
+//#endregion
+export { acquireLayerZIndex };
+
+//# sourceMappingURL=manager.mjs.map

package/es/base-ui/zIndex/manager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.mjs","names":[],"sources":["../../../src/base-ui/zIndex/manager.ts"],"sourcesContent":["import { type LayerTier, Z_INDEX_LAYER } from './constants';\n\nlet mainTop = 0;\nlet toastTop = 0;\nlet warnedMainOverflow = false;\n\nexport function acquireLayerZIndex(tier: LayerTier): number {\n  if (tier === 'toast') {\n    toastTop = Math.max(toastTop, Z_INDEX_LAYER.toast) + Z_INDEX_LAYER.step;\n    return toastTop;\n  }\n  mainTop = Math.max(mainTop, Z_INDEX_LAYER[tier]) + Z_INDEX_LAYER.step;\n  if (\n    process.env.NODE_ENV !== 'production' &&\n    !warnedMainOverflow &&\n    mainTop >= Z_INDEX_LAYER.toast\n  ) {\n    warnedMainOverflow = true;\n\n    console.warn(\n      `[lobe-ui z-index] main stack reached toast tier (${mainTop}); unexpected nesting depth`,\n    );\n  }\n  return mainTop;\n}\n\nexport function __resetLayerZIndexForTests(): void {\n  mainTop = 0;\n  toastTop = 0;\n  warnedMainOverflow = false;\n}\n\nexport function __seedMainTopForTests(value: number): void {\n  mainTop = value;\n}\n"],"mappings":";;AAEA,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,qBAAqB;AAEzB,SAAgB,mBAAmB,MAAyB;AAC1D,KAAI,SAAS,SAAS;AACpB,aAAW,KAAK,IAAI,UAAU,cAAc,MAAM,GAAG,cAAc;AACnE,SAAO;;AAET,WAAU,KAAK,IAAI,SAAS,cAAc,MAAM,GAAG,cAAc;AACjE,KACE,QAAQ,IAAI,aAAa,gBACzB,CAAC,sBACD,WAAW,cAAc,OACzB;AACA,uBAAqB;AAErB,UAAQ,KACN,oDAAoD,QAAQ,6BAC7D;;AAEH,QAAO"}

package/es/base-ui/zIndex/useLayerZIndex.mjs

@@ -0,0 +1,69 @@
+import { acquireLayerZIndex } from "./manager.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/base-ui/zIndex/useLayerZIndex.tsx
+function useLayerZIndex(tier, explicitZIndex) {
+	const [zIndex, setZIndex] = useState(void 0);
+	const stateRef = useRef({
+		tier,
+		explicit: explicitZIndex,
+		node: null,
+		observer: null,
+		prevOpen: false
+	});
+	const prevExplicitRef = useRef(explicitZIndex);
+	stateRef.current.tier = tier;
+	stateRef.current.explicit = explicitZIndex;
+	if (prevExplicitRef.current !== void 0 && explicitZIndex === void 0 && stateRef.current.node) {
+		const node = stateRef.current.node;
+		if (node.hasAttribute("data-open")) {
+			setZIndex(acquireLayerZIndex(tier));
+			stateRef.current.prevOpen = true;
+		}
+		if (!stateRef.current.observer) {
+			const handle = () => {
+				const open = node.hasAttribute("data-open");
+				if (open && !stateRef.current.prevOpen) setZIndex(acquireLayerZIndex(stateRef.current.tier));
+				stateRef.current.prevOpen = open;
+			};
+			const observer = new MutationObserver(handle);
+			observer.observe(node, {
+				attributes: true,
+				attributeFilter: ["data-open", "data-closed"]
+			});
+			stateRef.current.observer = observer;
+		}
+	}
+	prevExplicitRef.current = explicitZIndex;
+	const ref = useCallback((node) => {
+		if (node === stateRef.current.node) return;
+		stateRef.current.observer?.disconnect();
+		stateRef.current.observer = null;
+		stateRef.current.node = node;
+		stateRef.current.prevOpen = false;
+		if (!node) return;
+		if (stateRef.current.explicit !== void 0) return;
+		const handle = () => {
+			const isOpen = node.hasAttribute("data-open");
+			if (isOpen && !stateRef.current.prevOpen) setZIndex(acquireLayerZIndex(stateRef.current.tier));
+			stateRef.current.prevOpen = isOpen;
+		};
+		handle();
+		const observer = new MutationObserver(handle);
+		observer.observe(node, {
+			attributes: true,
+			attributeFilter: ["data-open", "data-closed"]
+		});
+		stateRef.current.observer = observer;
+	}, []);
+	useEffect(() => () => {
+		stateRef.current.observer?.disconnect();
+	}, []);
+	return {
+		zIndex: stateRef.current.explicit ?? zIndex,
+		ref
+	};
+}
+//#endregion
+export { useLayerZIndex };
+
+//# sourceMappingURL=useLayerZIndex.mjs.map

package/es/base-ui/zIndex/useLayerZIndex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayerZIndex.mjs","names":[],"sources":["../../../src/base-ui/zIndex/useLayerZIndex.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type LayerTier } from './constants';\nimport { acquireLayerZIndex } from './manager';\n\nexport interface LayerZIndexResult<T extends HTMLElement = HTMLElement> {\n  ref: (node: T | null) => void;\n  zIndex: number | undefined;\n}\n\nexport function useLayerZIndex<T extends HTMLElement = HTMLElement>(\n  tier: LayerTier,\n  explicitZIndex?: number,\n): LayerZIndexResult<T> {\n  const [zIndex, setZIndex] = useState<number | undefined>(undefined);\n\n  const stateRef = useRef<{\n    tier: LayerTier;\n    explicit: number | undefined;\n    node: T | null;\n    observer: MutationObserver | null;\n    prevOpen: boolean;\n  }>({\n    tier,\n    explicit: explicitZIndex,\n    node: null,\n    observer: null,\n    prevOpen: false,\n  });\n\n  const prevExplicitRef = useRef(explicitZIndex);\n\n  // Keep ref in sync with latest props so prop changes after mount are respected.\n  stateRef.current.tier = tier;\n  stateRef.current.explicit = explicitZIndex;\n\n  // When explicitZIndex changes from a value to undefined, and the node is\n  // currently open, we need to acquire a dynamic z-index and start the\n  // observer — neither was set up because the initial mount had an explicit\n  // value that short-circuited the ref callback.\n  if (\n    prevExplicitRef.current !== undefined &&\n    explicitZIndex === undefined &&\n    stateRef.current.node\n  ) {\n    const node = stateRef.current.node;\n    const isOpen = node.hasAttribute('data-open');\n    if (isOpen) {\n      setZIndex(acquireLayerZIndex(tier));\n      stateRef.current.prevOpen = true;\n    }\n    // Ensure observer is running for future open/close changes.\n    if (!stateRef.current.observer) {\n      const handle = () => {\n        const open = node.hasAttribute('data-open');\n        if (open && !stateRef.current.prevOpen) {\n          setZIndex(acquireLayerZIndex(stateRef.current.tier));\n        }\n        stateRef.current.prevOpen = open;\n      };\n      const observer = new MutationObserver(handle);\n      observer.observe(node, {\n        attributes: true,\n        attributeFilter: ['data-open', 'data-closed'],\n      });\n      stateRef.current.observer = observer;\n    }\n  }\n  prevExplicitRef.current = explicitZIndex;\n\n  const ref = useCallback((node: T | null) => {\n    if (node === stateRef.current.node) return;\n    stateRef.current.observer?.disconnect();\n    stateRef.current.observer = null;\n    stateRef.current.node = node;\n    stateRef.current.prevOpen = false;\n    if (!node) return;\n    if (stateRef.current.explicit !== undefined) return;\n    const handle = () => {\n      const isOpen = node.hasAttribute('data-open');\n      if (isOpen && !stateRef.current.prevOpen) {\n        setZIndex(acquireLayerZIndex(stateRef.current.tier));\n      }\n      stateRef.current.prevOpen = isOpen;\n    };\n    handle();\n    const observer = new MutationObserver(handle);\n    observer.observe(node, {\n      attributes: true,\n      attributeFilter: ['data-open', 'data-closed'],\n    });\n    stateRef.current.observer = observer;\n  }, []);\n\n  useEffect(\n    () => () => {\n      stateRef.current.observer?.disconnect();\n    },\n    [],\n  );\n\n  return { zIndex: stateRef.current.explicit ?? zIndex, ref };\n}\n"],"mappings":";;;AAUA,SAAgB,eACd,MACA,gBACsB;CACtB,MAAM,CAAC,QAAQ,aAAa,SAA6B,KAAA,EAAU;CAEnE,MAAM,WAAW,OAMd;EACD;EACA,UAAU;EACV,MAAM;EACN,UAAU;EACV,UAAU;EACX,CAAC;CAEF,MAAM,kBAAkB,OAAO,eAAe;AAG9C,UAAS,QAAQ,OAAO;AACxB,UAAS,QAAQ,WAAW;AAM5B,KACE,gBAAgB,YAAY,KAAA,KAC5B,mBAAmB,KAAA,KACnB,SAAS,QAAQ,MACjB;EACA,MAAM,OAAO,SAAS,QAAQ;AAE9B,MADe,KAAK,aAAa,YACvB,EAAE;AACV,aAAU,mBAAmB,KAAK,CAAC;AACnC,YAAS,QAAQ,WAAW;;AAG9B,MAAI,CAAC,SAAS,QAAQ,UAAU;GAC9B,MAAM,eAAe;IACnB,MAAM,OAAO,KAAK,aAAa,YAAY;AAC3C,QAAI,QAAQ,CAAC,SAAS,QAAQ,SAC5B,WAAU,mBAAmB,SAAS,QAAQ,KAAK,CAAC;AAEtD,aAAS,QAAQ,WAAW;;GAE9B,MAAM,WAAW,IAAI,iBAAiB,OAAO;AAC7C,YAAS,QAAQ,MAAM;IACrB,YAAY;IACZ,iBAAiB,CAAC,aAAa,cAAc;IAC9C,CAAC;AACF,YAAS,QAAQ,WAAW;;;AAGhC,iBAAgB,UAAU;CAE1B,MAAM,MAAM,aAAa,SAAmB;AAC1C,MAAI,SAAS,SAAS,QAAQ,KAAM;AACpC,WAAS,QAAQ,UAAU,YAAY;AACvC,WAAS,QAAQ,WAAW;AAC5B,WAAS,QAAQ,OAAO;AACxB,WAAS,QAAQ,WAAW;AAC5B,MAAI,CAAC,KAAM;AACX,MAAI,SAAS,QAAQ,aAAa,KAAA,EAAW;EAC7C,MAAM,eAAe;GACnB,MAAM,SAAS,KAAK,aAAa,YAAY;AAC7C,OAAI,UAAU,CAAC,SAAS,QAAQ,SAC9B,WAAU,mBAAmB,SAAS,QAAQ,KAAK,CAAC;AAEtD,YAAS,QAAQ,WAAW;;AAE9B,UAAQ;EACR,MAAM,WAAW,IAAI,iBAAiB,OAAO;AAC7C,WAAS,QAAQ,MAAM;GACrB,YAAY;GACZ,iBAAiB,CAAC,aAAa,cAAc;GAC9C,CAAC;AACF,WAAS,QAAQ,WAAW;IAC3B,EAAE,CAAC;AAEN,uBACc;AACV,WAAS,QAAQ,UAAU,YAAY;IAEzC,EAAE,CACH;AAED,QAAO;EAAE,QAAQ,SAAS,QAAQ,YAAY;EAAQ;EAAK"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.11.0",
+  "version": "5.12.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

package/es/base-ui/Modal/zIndexManager.mjs

@@ -1,10 +0,0 @@
-//#region src/base-ui/Modal/zIndexManager.ts
-let top = 1e3;
-const acquireModalZIndex = () => {
-	top += 10;
-	return top;
-};
-//#endregion
-export { acquireModalZIndex };
-
-//# sourceMappingURL=zIndexManager.mjs.map

package/es/base-ui/Modal/zIndexManager.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"zIndexManager.mjs","names":[],"sources":["../../../src/base-ui/Modal/zIndexManager.ts"],"sourcesContent":["const BASE_MODAL_Z_INDEX = 1000;\n\nlet top = BASE_MODAL_Z_INDEX;\n\nexport const acquireModalZIndex = () => {\n  top += 10;\n  return top;\n};\n"],"mappings":";AAEA,IAAI,MAAM;AAEV,MAAa,2BAA2B;AACtC,QAAO;AACP,QAAO"}