@whitesev/pops 3.3.3 → 3.3.5

package/dist/index.esm.js

@@ -3488,19 +3488,37 @@ const PopsHandler = {
         const $shadowContainer = popsDOMUtils.createElement("div", {
             className: "pops-shadow-container",
         });
+        let $shadowRoot;
         if (config.useShadowRoot) {
-            const $shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
-            return {
-                $shadowContainer,
-                $shadowRoot,
-            };
+            $shadowRoot = $shadowContainer.attachShadow({ mode: "open" });
         }
         else {
-            return {
-                $shadowContainer,
-                $shadowRoot: $shadowContainer,
-            };
+            $shadowRoot = $shadowContainer;
+        }
+        // 添加键盘监听
+        // rightClickMenu
+        // searchSuggestion
+        // tooltip
+        // 以上都不需要添加该事件监听
+        if (config.stopKeyDownEventPropagation) {
+            popsDOMUtils.on($shadowRoot, "keydown", [
+                'input[type="text"]',
+                'input[type="password"]',
+                'input[type="number"]',
+                'input[type="email"]',
+                'input[type="url"]',
+                'input[type="search"]',
+                "input:not([type])",
+                "textarea",
+            ], (evt) => {
+                evt.stopImmediatePropagation();
+                evt.stopPropagation();
+            }, { capture: true });
         }
+        return {
+            $shadowContainer,
+            $shadowRoot,
+        };
     },
     /**
      * 处理初始化
@@ -4027,6 +4045,7 @@ const PopsAlertDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -4235,6 +4254,7 @@ const PopsConfirmDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -4443,6 +4463,7 @@ const PopsDrawerDefaultConfig = () => {
         darkStyle: null,
         beforeAppendToPageCallBack() { },
         forbiddenScroll: false,
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -4663,6 +4684,7 @@ const PopsLoadingDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         addIndexCSS: true,
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -4891,6 +4913,7 @@ const PopsFolderDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -5348,10 +5371,13 @@ const PopsFolder = {
           </div>`);
                 // 存储原来的值
                 Reflect.set($fileName, "__value__", folderData);
-                Reflect.set($folder, "folderData", folderData);
+                Reflect.set($folder, "__value__", folderData);
                 $folder.appendChild($fileName);
                 return {
                     folderElement: $folder,
+                    /**
+                     * 超链接标签的容器
+                     */
                     fileNameElement: $fileName,
                 };
             }
@@ -5440,8 +5466,17 @@ const PopsFolder = {
                     },
                     addIndexCSS: false,
                 });
+                let childConfig;
                 if (typeof dataConfig.clickEvent === "function") {
-                    const childConfig = await dataConfig.clickEvent(clickEvent, dataConfig);
+                    const result = await dataConfig.clickEvent(clickEvent, dataConfig);
+                    if (Array.isArray(result)) {
+                        childConfig = result;
+                    }
+                }
+                else if (Array.isArray(dataConfig.clickEvent)) {
+                    childConfig = dataConfig.clickEvent;
+                }
+                if (childConfig) {
                     // 添加顶部导航的箭头
                     folderFileListBreadcrumbPrimaryElement.appendChild(this.createHeaderArrowIcon());
                     // 添加顶部导航的链接文字
@@ -5455,50 +5490,65 @@ const PopsFolder = {
                 }
                 loadingMask.close();
             }
+            /**
+             * 更新文件的显示的链接信息
+             *
+             * 这里主要用于鼠标中键或者右键触发，左键触发方式会根据mode进行处理
+             * @returns 更新的文件的下载链接
+             */
+            updateFileLink($row, downloadInfo) {
+                const downloadUrl = typeof downloadInfo?.url === "string" ? downloadInfo.url.trim() : "";
+                if (downloadUrl !== "" && downloadUrl !== "null" && downloadUrl !== "undefined") {
+                    const $link = $row.querySelector("a");
+                    $link.setAttribute("href", downloadUrl);
+                    return downloadUrl;
+                }
+            }
             /**
              * 文件的点击事件 - 下载文件
-             * @param $target
+             * @param evt 点击事件
+             * @param $row 列表项
              * @param dataConfig
              */
-            async downloadFile(clickEvent, $row, dataConfig) {
-                popsDOMUtils.preventEvent(clickEvent);
-                const $link = $row.querySelector("a");
+            async onFileClick(evt, $row, dataConfig) {
+                let downloadInfo;
                 if (typeof dataConfig.clickEvent === "function") {
-                    const downloadInfo = await dataConfig.clickEvent(clickEvent, dataConfig);
-                    if (downloadInfo != null &&
-                        typeof downloadInfo === "object" &&
-                        !Array.isArray(downloadInfo) &&
-                        typeof downloadInfo.url === "string" &&
-                        downloadInfo.url.trim() !== "") {
-                        $link.setAttribute("href", downloadInfo.url);
-                        $link.setAttribute("target", "_blank");
-                        if (downloadInfo.autoDownload) {
-                            if (downloadInfo.mode == null || String(downloadInfo.mode) === "") {
-                                // 未设置mode的话默认为aBlank
-                                downloadInfo.mode = "aBlank";
-                            }
+                    const result = await dataConfig.clickEvent(evt, dataConfig);
+                    if (typeof result === "object" && result != null && !Array.isArray(result)) {
+                        downloadInfo = result;
+                    }
+                }
+                else if (typeof dataConfig.clickEvent === "object" &&
+                    dataConfig.clickEvent != null &&
+                    !Array.isArray(dataConfig.clickEvent)) {
+                    downloadInfo = dataConfig.clickEvent;
+                }
+                if (downloadInfo) {
+                    const downloadUrl = this.updateFileLink($row, downloadInfo);
+                    if (downloadUrl) {
+                        if (typeof downloadInfo.mode === "string") {
                             if (downloadInfo.mode === "a" || downloadInfo.mode === "aBlank") {
                                 // a标签下载
                                 const $anchor = popsDOMUtils.createElement("a");
                                 if (downloadInfo.mode === "aBlank") {
                                     $anchor.setAttribute("target", "_blank");
                                 }
-                                $anchor.href = downloadInfo.url;
+                                $anchor.href = downloadUrl;
                                 $anchor.click();
                             }
                             else if (downloadInfo.mode === "open" || downloadInfo.mode === "openBlank") {
                                 // window.open下载
                                 if (downloadInfo.mode === "openBlank") {
-                                    globalThis.open(downloadInfo.url, "_blank");
+                                    globalThis.open(downloadUrl, "_blank");
                                 }
                                 else {
-                                    globalThis.open(downloadInfo.url);
+                                    globalThis.open(downloadUrl);
                                 }
                             }
                             else if (downloadInfo.mode === "iframe") {
                                 // iframe下载
                                 const $downloadIframe = popsDOMUtils.createElement("iframe");
-                                $downloadIframe.src = downloadInfo.url;
+                                $downloadIframe.src = downloadUrl;
                                 $downloadIframe.onload = function () {
                                     popsUtils.setTimeout(() => {
                                         $downloadIframe.remove();
@@ -5680,8 +5730,14 @@ const PopsFolder = {
                         // 文件 - 点击事件
                         popsDOMUtils.on(fileNameElement, "click", (event) => {
                             // 下载文件
-                            this.downloadFile(event, fileNameElement, item);
+                            popsDOMUtils.preventEvent(event);
+                            this.onFileClick(event, fileNameElement, item);
                         });
+                        // 如果clickEvent不是函数，那么现在就可以进行配置
+                        if (typeof item.clickEvent === "object" && item.clickEvent !== null && !Array.isArray(item.clickEvent)) {
+                            // {} 单文件配置
+                            this.updateFileLink(fileNameElement, item.clickEvent);
+                        }
                         folderListBodyElement.appendChild(folderElement);
                     }
                 });
@@ -5823,6 +5879,7 @@ const PopsIframeDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -6946,6 +7003,7 @@ const PopsPanelDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -11713,6 +11771,7 @@ const PopsPromptDefaultConfig = () => {
         lightStyle: null,
         darkStyle: null,
         beforeAppendToPageCallBack() { },
+        stopKeyDownEventPropagation: true,
     };
 };
 
@@ -13366,7 +13425,7 @@ const PopsSearchSuggestion = {
     },
 };
 
-const version = "3.3.3";
+const version = "3.3.5";
 
 class Pops {
     /** 配置 */