@whitesev/utils 2.2.5 → 2.2.7

package/dist/index.umd.js

@@ -3657,7 +3657,7 @@
             this.windowApi = new WindowApi(option);
         }
         /** 版本号 */
-        version = "2024.9.4";
+        version = "2024.9.10";
         addStyle(cssText) {
             if (typeof cssText !== "string") {
                 throw new Error("Utils.addStyle 参数cssText 必须为String类型");
@@ -4353,32 +4353,66 @@
                 return Math.max(...newResult);
             }
         }
-        getMaxZIndex(deviation = 1) {
+        getMaxZIndexNodeInfo(deviation = 1) {
             deviation = Number.isNaN(deviation) ? 1 : deviation;
+            const UtilsContext = this;
             // 最大值2147483647
-            let maxZIndex = Math.pow(2, 31) - 1;
+            const maxZIndex = Math.pow(2, 31) - 1;
             // 比较值2000000000
-            let maxZIndexCompare = 2 * Math.pow(10, 9);
+            const maxZIndexCompare = 2 * Math.pow(10, 9);
             // 当前页面最大的z-index
             let zIndex = 0;
-            this.windowApi.document.querySelectorAll("*").forEach(($ele, index) => {
-                let nodeStyle = this.windowApi.window.getComputedStyle($ele);
+            // 当前的最大z-index的元素，调试使用
+            // @ts-ignore
+            let maxZIndexNode = null;
+            /**
+             * 元素是否可见
+             * @param $css
+             */
+            function isVisibleNode($css) {
+                return $css.position !== "static" && $css.display !== "none";
+            }
+            /**
+             * 查询元素的z-index
+             * 并比较值是否是已获取的最大值
+             * @param $ele
+             */
+            function queryMaxZIndex($ele) {
+                /** 元素的样式 */
+                const nodeStyle = UtilsContext.windowApi.window.getComputedStyle($ele);
                 /* 不对position为static和display为none的元素进行获取它们的z-index */
-                if (nodeStyle.position !== "static" && nodeStyle.display !== "none") {
+                if (isVisibleNode(nodeStyle)) {
                     let nodeZIndex = parseInt(nodeStyle.zIndex);
                     if (!isNaN(nodeZIndex)) {
                         if (nodeZIndex > zIndex) {
+                            // 赋值到全局
                             zIndex = nodeZIndex;
+                            maxZIndexNode = $ele;
                         }
                     }
+                    // 判断shadowRoot
+                    if ($ele.shadowRoot != null && $ele instanceof ShadowRoot) {
+                        $ele.shadowRoot.querySelectorAll("*").forEach(($shadowEle) => {
+                            queryMaxZIndex($shadowEle);
+                        });
+                    }
                 }
+            }
+            this.windowApi.document.querySelectorAll("*").forEach(($ele, index) => {
+                queryMaxZIndex($ele);
             });
             zIndex += deviation;
             if (zIndex >= maxZIndexCompare) {
                 // 最好不要超过最大值
                 zIndex = maxZIndex;
             }
-            return zIndex;
+            return {
+                node: maxZIndexNode,
+                zIndex: zIndex,
+            };
+        }
+        getMaxZIndex(deviation = 1) {
+            return this.getMaxZIndexNodeInfo(deviation).zIndex;
         }
         getMinValue(...args) {
             let result = [...args];
@@ -6097,7 +6131,7 @@
             });
             return result;
         }
-        toSearchParamsStr(obj) {
+        toSearchParamsStr(obj, addPrefix) {
             let UtilsContext = this;
             let searhParamsStr = "";
             if (Array.isArray(obj)) {
@@ -6113,8 +6147,22 @@
             else {
                 searhParamsStr = new URLSearchParams(Object.entries(obj)).toString();
             }
+            if (addPrefix && !searhParamsStr.startsWith("?")) {
+                searhParamsStr = "?" + searhParamsStr;
+            }
             return searhParamsStr;
         }
+        /**
+         * 将UrlSearchParams格式的字符串转为对象
+         */
+        searchParamStrToObj(searhParamsStr) {
+            if (typeof searhParamsStr !== "string") {
+                // @ts-ignore
+                return {};
+            }
+            // @ts-ignore
+            return Object.fromEntries(new URLSearchParams(searhParamsStr));
+        }
         /**
          * 提供一个封装了 try-catch 的函数，可以执行传入的函数并捕获其可能抛出的错误，并通过传入的错误处理函数进行处理。
          * @example