@laser-ui/components 2.0.3 → 2.0.5

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.5](https://github.com/laser-ui/laser-ui/compare/v2.0.4...v2.0.5) (2025-01-13)
+
+### Features
+
+- **components:** add `Dialogs` ([eca6d58](https://github.com/laser-ui/laser-ui/commit/eca6d580b7ea94990f8b80e1672f6eaec601550e))
+
+## [2.0.4](https://github.com/laser-ui/laser-ui/compare/v2.0.3...v2.0.4) (2025-01-06)
+
+### Bug Fixes
+
+- **components:** fix `useMaxIndex` ([c09e8b9](https://github.com/laser-ui/laser-ui/commit/c09e8b93409f72f3b0ff45564c0228139302905c))
+
 ## [2.0.3](https://github.com/laser-ui/laser-ui/compare/v2.0.2...v2.0.3) (2024-12-25)
 
 ### Bug Fixes

package/hooks/useMaxIndex.js

@@ -1,32 +1,24 @@
 import { useUnmount } from '@laser-ui/hooks';
-import { useId, useMemo, useRef } from 'react';
-const MAX_INDEX_MANAGER = {
-    record: [],
-    add(id) {
-        let n = 1;
-        if (this.record.length > 0) {
-            n = this.record[this.record.length - 1].n + 1;
-        }
-        this.record.push({ id, n });
-        return n;
-    },
-    delete(id) {
-        this.record = this.record.filter((item) => item.id !== id);
-    },
-};
+import { nth } from 'lodash';
+import { useMemo, useRef } from 'react';
+let ZINDEX = [];
 export function useMaxIndex(visible) {
-    const id = useId();
-    const prevMaxZIndex = useRef(0);
+    const zIndex = useRef(0);
     const maxZIndex = useMemo(() => {
+        var _a;
         if (visible) {
-            return MAX_INDEX_MANAGER.add(id);
+            const z = ((_a = nth(ZINDEX, -1)) !== null && _a !== void 0 ? _a : 0) + 1;
+            zIndex.current = z;
+            ZINDEX.push(z);
+            return z;
+        }
+        else {
+            ZINDEX = ZINDEX.filter((z) => z !== zIndex.current);
+            return zIndex.current;
         }
-        MAX_INDEX_MANAGER.delete(id);
-        return prevMaxZIndex.current;
-    }, [id, visible]);
-    prevMaxZIndex.current = maxZIndex;
+    }, [visible]);
     useUnmount(() => {
-        MAX_INDEX_MANAGER.delete(id);
+        ZINDEX = ZINDEX.filter((z) => z !== zIndex.current);
     });
     return maxZIndex;
 }

package/index.d.ts

@@ -1,5 +1,5 @@
 export { useDialogService } from './hooks';
-export { Root, DialogService } from './root';
+export { Root, DialogService, Dialogs } from './root';
 export { ConfigProvider } from './config-provider';
 export { Accordion } from './accordion';
 export { Affix } from './affix';

package/index.js

@@ -1,5 +1,5 @@
 export { useDialogService } from './hooks';
-export { Root, DialogService } from './root';
+export { Root, DialogService, Dialogs } from './root';
 export { ConfigProvider } from './config-provider';
 export { Accordion } from './accordion';
 export { Affix } from './affix';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -37,5 +37,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "c7123f02baa424b48320c60861b29c7a55312ced"
+  "gitHead": "fb803f4dd41dc2ce86f4aa34aefa67255424942e"
 }

package/root/Dialogs.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DialogInstance } from '../dialog-service';
+export declare const Dialogs: import("react").NamedExoticComponent<{
+    dialogs: DialogInstance<any>[];
+}>;

package/root/Dialogs.js

@@ -0,0 +1,4 @@
+import { memo } from 'react';
+export const Dialogs = memo(function (props) {
+    return props.dialogs.map((dialog) => dialog.node);
+});

package/root/Root.js

@@ -1,7 +1,8 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEvent, useRefExtra } from '@laser-ui/hooks';
 import { isString, set } from 'lodash';
 import { useEffect, useMemo } from 'react';
+import { Dialogs } from './Dialogs';
 import { useDialogs } from './dialog-service';
 import { ROOT_DATA, RootContext } from './vars';
 import dayjs from '../dayjs';
@@ -69,5 +70,5 @@ export function Root(props) {
         default:
             break;
     }
-    return (_jsxs(RootContext, { value: context, children: [children, dialogs.map(({ node }) => node)] }));
+    return (_jsxs(RootContext, { value: context, children: [children, _jsx(Dialogs, { dialogs: dialogs })] }));
 }

package/root/index.d.ts

@@ -1,3 +1,4 @@
 export type { RootProps } from './types';
 export { Root } from './Root';
 export { DialogService } from './dialog-service';
+export { Dialogs } from './Dialogs';

package/root/index.js

@@ -1,2 +1,3 @@
 export { Root } from './Root';
 export { DialogService } from './dialog-service';
+export { Dialogs } from './Dialogs';