@whitesev/pops 3.3.3 → 3.3.5

package/dist/index.system.js

@@ -3493,19 +3493,37 @@ System.register('pops', [], (function (exports) {
                     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,
+                    };
                 },
                 /**
                  * 处理初始化
@@ -4032,6 +4050,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -4240,6 +4259,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -4448,6 +4468,7 @@ System.register('pops', [], (function (exports) {
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
                     forbiddenScroll: false,
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -4668,6 +4689,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     addIndexCSS: true,
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -4896,6 +4918,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -5353,10 +5376,13 @@ System.register('pops', [], (function (exports) {
           </div>`);
                             // 存储原来的值
                             Reflect.set($fileName, "__value__", folderData);
-                            Reflect.set($folder, "folderData", folderData);
+                            Reflect.set($folder, "__value__", folderData);
                             $folder.appendChild($fileName);
                             return {
                                 folderElement: $folder,
+                                /**
+                                 * 超链接标签的容器
+                                 */
                                 fileNameElement: $fileName,
                             };
                         }
@@ -5445,8 +5471,17 @@ System.register('pops', [], (function (exports) {
                                 },
                                 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());
                                 // 添加顶部导航的链接文字
@@ -5460,50 +5495,65 @@ System.register('pops', [], (function (exports) {
                             }
                             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();
@@ -5685,8 +5735,14 @@ System.register('pops', [], (function (exports) {
                                     // 文件 - 点击事件
                                     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);
                                 }
                             });
@@ -5828,6 +5884,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -6951,6 +7008,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -11718,6 +11776,7 @@ System.register('pops', [], (function (exports) {
                     lightStyle: null,
                     darkStyle: null,
                     beforeAppendToPageCallBack() { },
+                    stopKeyDownEventPropagation: true,
                 };
             };
 
@@ -13371,7 +13430,7 @@ System.register('pops', [], (function (exports) {
                 },
             };
 
-            const version = "3.3.3";
+            const version = "3.3.5";
 
             class Pops {
                 /** 配置 */