@laser-ui/components 2.1.1 → 2.1.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.2](https://github.com/laser-ui/laser-ui/compare/v2.1.1...v2.1.2) (2025-06-16)
+
+### Bug Fixes
+
+- **components:** fix dialogs ([d4d2d21](https://github.com/laser-ui/laser-ui/commit/d4d2d217aa126119fc4b802fb741c73439f7af85))
+- **components:** fix zindex ([1548071](https://github.com/laser-ui/laser-ui/commit/154807147ff83f860a2c2647a62f27ed99a3b8fd))
+
 ## [2.1.1](https://github.com/laser-ui/laser-ui/compare/v2.1.0...v2.1.1) (2025-06-16)
 
 ### Bug Fixes

package/dialog-service.d.ts

@@ -16,6 +16,6 @@ export declare class DialogService {
     dialogs: DialogInstance<any>[];
     constructor(emitChange: (dialogs: DialogInstance<any>[]) => void);
     open<P extends object>(type: React.FC<P>, props: Omit<P, 'visible'>, key?: string | number): DialogInstance<P>;
-    emitChange(key: string | number): void;
+    emitChange(): void;
     closeAll(animation?: boolean): void;
 }

package/dialog-service.js

@@ -17,7 +17,7 @@ export class DialogInstance {
                     if (index !== -1) {
                         this.service.dialogs.splice(index, 1);
                     }
-                    this.service.emitChange(this.key);
+                    this.service.emitChange();
                 }
             } }), this.key));
     }
@@ -55,11 +55,11 @@ export class DialogInstance {
     }
     rerender(props) {
         Object.assign(this.props, props);
-        this.service.emitChange(this.key);
+        this.service.emitChange();
     }
     close() {
         this.visible = false;
-        this.service.emitChange(this.key);
+        this.service.emitChange();
     }
 }
 export class DialogService {
@@ -93,11 +93,8 @@ export class DialogService {
         this._emitChange();
         return instance;
     }
-    emitChange(key) {
-        const index = this.dialogs.findIndex((dialog) => dialog.key === key);
-        if (index !== -1) {
-            this._emitChange();
-        }
+    emitChange() {
+        this._emitChange();
     }
     closeAll(animation = true) {
         if (animation) {

package/hooks/useZIndex.js

@@ -1,22 +1,32 @@
 import { useUnmount } from '@laser-ui/hooks';
-import { useRef } from 'react';
-let ZINDEX = [];
+import { isUndefined } from 'lodash';
+import { useId, useRef } from 'react';
+const ZINDEX = [0];
+const INDEX = new Map();
 export function useZIndex(visible) {
-    var _a;
-    const previousVisible = useRef(false);
+    const id = useId();
     const zIndex = useRef(0);
-    if (visible !== previousVisible.current) {
-        previousVisible.current = visible;
-        if (visible) {
-            zIndex.current = ((_a = ZINDEX[ZINDEX.length - 1]) !== null && _a !== void 0 ? _a : 0) + 1;
+    if (visible) {
+        const index = INDEX.get(id);
+        if (isUndefined(index)) {
+            zIndex.current = ZINDEX[ZINDEX.length - 1] + 1;
             ZINDEX.push(zIndex.current);
+            INDEX.set(id, ZINDEX.length - 1);
         }
-        else {
-            ZINDEX = ZINDEX.filter((val) => val !== zIndex.current);
+    }
+    else {
+        const index = INDEX.get(id);
+        if (!isUndefined(index)) {
+            ZINDEX.splice(index, 1);
+            INDEX.delete(id);
         }
     }
     useUnmount(() => {
-        ZINDEX = ZINDEX.filter((z) => z !== zIndex.current);
+        const index = INDEX.get(id);
+        if (!isUndefined(index)) {
+            ZINDEX.splice(index, 1);
+            INDEX.delete(id);
+        }
     });
     return zIndex.current;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -37,5 +37,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "2d2d855edaebaab9445064d804a50175a0408b2d"
+  "gitHead": "52633969337fe51323792d2fb71ad230057b681b"
 }

package/root/Dialogs.js

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