@whitesev/pops 2.0.11 → 2.0.13

package/dist/index.esm.js

@@ -622,8 +622,9 @@ class PopsDOMUtilsEvent {
          * @param option
          */
         function getOption(args, startIndex, option) {
-            if (typeof args[startIndex] === "boolean") {
-                option.capture = args[startIndex];
+            let currentParam = args[startIndex];
+            if (typeof currentParam === "boolean") {
+                option.capture = currentParam;
                 if (typeof args[startIndex + 1] === "boolean") {
                     option.once = args[startIndex + 1];
                 }
@@ -631,20 +632,22 @@ class PopsDOMUtilsEvent {
                     option.passive = args[startIndex + 2];
                 }
             }
-            else if (typeof args[startIndex] === "object" &&
-                ("capture" in args[startIndex] ||
-                    "once" in args[startIndex] ||
-                    "passive" in args[startIndex])) {
-                option.capture = args[startIndex].capture;
-                option.once = args[startIndex].once;
-                option.passive = args[startIndex].passive;
+            else if (typeof currentParam === "object" &&
+                ("capture" in currentParam ||
+                    "once" in currentParam ||
+                    "passive" in currentParam ||
+                    "isComposedPath" in currentParam)) {
+                option.capture = currentParam.capture;
+                option.once = currentParam.once;
+                option.passive = currentParam.passive;
+                option.isComposedPath = currentParam.isComposedPath;
             }
             return option;
         }
         let DOMUtilsContext = this;
         let args = arguments;
         if (typeof element === "string") {
-            element = PopsCore.document.querySelectorAll(element);
+            element = DOMUtilsContext.selectorAll(element);
         }
         if (element == null) {
             return;
@@ -657,88 +660,116 @@ class PopsDOMUtilsEvent {
         else {
             elementList.push(element);
         }
+        // 事件名
         let eventTypeList = [];
         if (Array.isArray(eventType)) {
-            eventTypeList = eventTypeList.concat(eventType);
+            eventTypeList = eventTypeList.concat(eventType.filter((eventTypeItem) => typeof eventTypeItem === "string" && eventTypeItem.toString() !== ""));
         }
         else if (typeof eventType === "string") {
-            eventTypeList = eventTypeList.concat(eventType.split(" "));
+            eventTypeList = eventTypeList.concat(eventType.split(" ").filter((eventTypeItem) => eventTypeItem !== ""));
+        }
+        // 子元素选择器
+        let selectorList = [];
+        if (Array.isArray(selector)) {
+            selectorList = selectorList.concat(selector.filter((selectorItem) => typeof selectorItem === "string" && selectorItem.toString() !== ""));
+        }
+        else if (typeof selector === "string") {
+            selectorList.push(selector);
         }
-        let _selector_ = selector;
-        let _callback_ = callback;
-        let _option_ = {
+        // 事件回调
+        let listenerCallBack = callback;
+        // 事件配置
+        let listenerOption = {
             capture: false,
             once: false,
             passive: false,
+            isComposedPath: false,
         };
         if (typeof selector === "function") {
-            /* 这是为没有selector的情况 */
-            _selector_ = void 0;
-            _callback_ = selector;
-            _option_ = getOption(args, 3, _option_);
+            // 这是为没有selector的情况
+            // 那么它就是callback
+            listenerCallBack = selector;
+            listenerOption = getOption(args, 3, listenerOption);
         }
         else {
-            /* 这是存在selector的情况 */
-            _option_ = getOption(args, 4, _option_);
+            // 这是存在selector的情况
+            listenerOption = getOption(args, 4, listenerOption);
         }
         /**
          * 如果是once，那么删除该监听和元素上的事件和监听
          */
         function checkOptionOnceToRemoveEventListener() {
-            if (_option_.once) {
+            if (listenerOption.once) {
                 DOMUtilsContext.off(element, eventType, selector, callback, option);
             }
         }
         elementList.forEach((elementItem) => {
-            function ownCallBack(event) {
-                let target = event.target;
-                if (_selector_) {
-                    /* 存在自定义子元素选择器 */
-                    let totalParent = popsUtils.isWin(elementItem)
-                        ? PopsCore.document.documentElement
-                        : elementItem;
-                    if (target.matches(_selector_)) {
-                        /* 当前目标可以被selector所匹配到 */
-                        _callback_.call(target, event);
-                        checkOptionOnceToRemoveEventListener();
+            /**
+             * 事件回调
+             * @param event
+             */
+            function domUtilsEventCallBack(event) {
+                if (selectorList.length) {
+                    /* 存在子元素选择器 */
+                    // 这时候的this和target都是子元素选择器的元素
+                    let eventTarget = listenerOption.isComposedPath
+                        ? event.composedPath()[0]
+                        : event.target;
+                    let totalParent = elementItem;
+                    if (popsUtils.isWin(totalParent)) {
+                        if (totalParent === PopsCore.document) {
+                            totalParent = PopsCore.document.documentElement;
+                        }
                     }
-                    else if (target.closest(_selector_) &&
-                        totalParent.contains(target.closest(_selector_))) {
+                    let findValue = selectorList.find((selectorItem) => {
+                        // 判断目标元素是否匹配选择器
+                        if (DOMUtilsContext.matches(eventTarget, selectorItem)) {
+                            /* 当前目标可以被selector所匹配到 */
+                            return true;
+                        }
                         /* 在上层与主元素之间寻找可以被selector所匹配到的 */
-                        let closestElement = target.closest(_selector_);
-                        /* event的target值不能直接修改 */
-                        OriginPrototype.Object.defineProperty(event, "target", {
-                            get() {
-                                return closestElement;
-                            },
-                        });
-                        _callback_.call(closestElement, event);
+                        let $closestMatches = DOMUtilsContext.closest(eventTarget, selectorItem);
+                        if ($closestMatches && totalParent?.contains($closestMatches)) {
+                            eventTarget = $closestMatches;
+                            return true;
+                        }
+                        return false;
+                    });
+                    if (findValue) {
+                        // 这里尝试使用defineProperty修改event的target值
+                        try {
+                            OriginPrototype.Object.defineProperty(event, "target", {
+                                get() {
+                                    return eventTarget;
+                                },
+                            });
+                        }
+                        catch (error) { }
+                        listenerCallBack.call(eventTarget, event, eventTarget);
                         checkOptionOnceToRemoveEventListener();
                     }
                 }
                 else {
-                    _callback_.call(elementItem, event);
+                    // 这时候的this指向监听的元素
+                    listenerCallBack.call(elementItem, event);
                     checkOptionOnceToRemoveEventListener();
                 }
             }
             /* 遍历事件名设置元素事件 */
             eventTypeList.forEach((eventName) => {
-                elementItem.addEventListener(eventName, ownCallBack, _option_);
-                if (_callback_ && _callback_.delegate) {
-                    elementItem.setAttribute("data-delegate", _selector_);
-                }
+                elementItem.addEventListener(eventName, domUtilsEventCallBack, listenerOption);
                 /* 获取对象上的事件 */
-                let elementEvents = elementItem[SymbolEvents] || {};
+                let elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
                 /* 初始化对象上的xx事件 */
                 elementEvents[eventName] = elementEvents[eventName] || [];
                 elementEvents[eventName].push({
-                    selector: _selector_,
-                    option: _option_,
-                    callback: ownCallBack,
-                    originCallBack: _callback_,
+                    selector: selectorList,
+                    option: listenerOption,
+                    callback: domUtilsEventCallBack,
+                    originCallBack: listenerCallBack,
                 });
                 /* 覆盖事件 */
-                elementItem[SymbolEvents] = elementEvents;
+                Reflect.set(elementItem, SymbolEvents, elementEvents);
             });
         });
     }
@@ -750,18 +781,20 @@ class PopsDOMUtilsEvent {
          * @param option
          */
         function getOption(args1, startIndex, option) {
-            if (typeof args1[startIndex] === "boolean") {
-                option.capture = args1[startIndex];
+            let currentParam = args1[startIndex];
+            if (typeof currentParam === "boolean") {
+                option.capture = currentParam;
             }
-            else if (typeof args1[startIndex] === "object" &&
-                "capture" in args1[startIndex]) {
-                option.capture = args1[startIndex].capture;
+            else if (typeof currentParam === "object" &&
+                "capture" in currentParam) {
+                option.capture = currentParam.capture;
             }
             return option;
         }
+        let DOMUtilsContext = this;
         let args = arguments;
         if (typeof element === "string") {
-            element = PopsCore.document.querySelectorAll(element);
+            element = DOMUtilsContext.selectorAll(element);
         }
         if (element == null) {
             return;
@@ -776,37 +809,53 @@ class PopsDOMUtilsEvent {
         }
         let eventTypeList = [];
         if (Array.isArray(eventType)) {
-            eventTypeList = eventTypeList.concat(eventType);
+            eventTypeList = eventTypeList.concat(eventType.filter((eventTypeItem) => typeof eventTypeItem === "string" && eventTypeItem.toString() !== ""));
         }
         else if (typeof eventType === "string") {
-            eventTypeList = eventTypeList.concat(eventType.split(" "));
+            eventTypeList = eventTypeList.concat(eventType.split(" ").filter((eventTypeItem) => eventTypeItem !== ""));
+        }
+        // 子元素选择器
+        let selectorList = [];
+        if (Array.isArray(selector)) {
+            selectorList = selectorList.concat(selector.filter((selectorItem) => typeof selectorItem === "string" && selectorItem.toString() !== ""));
+        }
+        else if (typeof selector === "string") {
+            selectorList.push(selector);
         }
-        /**
-         * 子元素选择器
-         */
-        let _selector_ = selector;
         /**
          * 事件的回调函数
          */
-        let _callback_ = callback;
+        let listenerCallBack = callback;
         /**
          * 事件的配置
          */
-        let _option_ = {
+        let listenerOption = {
             capture: false,
         };
         if (typeof selector === "function") {
-            /* 这是为没有selector的情况 */
-            _selector_ = void 0;
-            _callback_ = selector;
-            _option_ = getOption(args, 3, _option_);
+            // 这是为没有selector的情况
+            // 那么它就是callback
+            listenerCallBack = selector;
+            listenerOption = getOption(args, 3, listenerOption);
         }
         else {
-            _option_ = getOption(args, 4, _option_);
+            // 这是存在selector的情况
+            listenerOption = getOption(args, 4, listenerOption);
+        }
+        // 是否移除所有事件
+        let isRemoveAll = false;
+        if (args.length === 2) {
+            // 目标函数、事件名
+            isRemoveAll = true;
+        }
+        else if ((args.length === 3 && typeof args[2] === "string") ||
+            Array.isArray(args[2])) {
+            // 目标函数、事件名、子元素选择器
+            isRemoveAll = true;
         }
         elementList.forEach((elementItem) => {
             /* 获取对象上的事件 */
-            let elementEvents = elementItem[SymbolEvents] || {};
+            let elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
             eventTypeList.forEach((eventName) => {
                 let handlers = elementEvents[eventName] || [];
                 if (typeof filter === "function") {
@@ -814,19 +863,25 @@ class PopsDOMUtilsEvent {
                 }
                 for (let index = 0; index < handlers.length; index++) {
                     let handler = handlers[index];
-                    let flag = false;
-                    if (!_selector_ || handler.selector === _selector_) {
-                        /* selector不为空，进行selector判断 */
-                        flag = true;
+                    let flag = true;
+                    if (flag &&
+                        listenerCallBack &&
+                        handler.originCallBack !== listenerCallBack) {
+                        // callback不同
+                        flag = false;
                     }
-                    if (!_callback_ ||
-                        handler.callback === _callback_ ||
-                        handler.originCallBack === _callback_) {
-                        /* callback不为空，进行callback判断 */
-                        flag = true;
+                    if (flag && selectorList.length && Array.isArray(handler.selector)) {
+                        if (JSON.stringify(handler.selector) !== JSON.stringify(selectorList)) {
+                            // 子元素选择器不同
+                            flag = false;
+                        }
                     }
-                    if (flag) {
-                        elementItem.removeEventListener(eventName, handler.callback, _option_);
+                    if (flag && listenerOption.capture !== handler.option.capture) {
+                        // 事件的配置项不同
+                        flag = false;
+                    }
+                    if (flag || isRemoveAll) {
+                        elementItem.removeEventListener(eventName, handler.callback, handler.option);
                         handlers.splice(index--, 1);
                     }
                 }
@@ -835,7 +890,7 @@ class PopsDOMUtilsEvent {
                     popsUtils.delete(elementEvents, eventType);
                 }
             });
-            elementItem[SymbolEvents] = elementEvents;
+            Reflect.set(elementItem, SymbolEvents, elementEvents);
         });
     }
     /**
@@ -1240,6 +1295,177 @@ class PopsDOMUtilsEvent {
             });
         }
     }
+    selector(selector) {
+        return this.selectorAll(selector)[0];
+    }
+    selectorAll(selector) {
+        selector = selector.trim();
+        if (selector.match(/[^\s]{1}:empty$/gi)) {
+            // empty 语法
+            selector = selector.replace(/:empty$/gi, "");
+            return Array.from(PopsCore.document.querySelectorAll(selector)).filter(($ele) => {
+                return $ele?.innerHTML?.trim() === "";
+            });
+        }
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+            // contains 语法
+            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            let text = textMatch[2];
+            selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
+            return Array.from(PopsCore.document.querySelectorAll(selector)).filter(($ele) => {
+                // @ts-ignore
+                return ($ele?.textContent || $ele?.innerText)?.includes(text);
+            });
+        }
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+            // regexp 语法
+            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            let pattern = textMatch[2];
+            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            let flags = "";
+            if (flagMatch) {
+                pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
+                flags = flagMatch[3];
+            }
+            let regexp = new RegExp(pattern, flags);
+            selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
+            return Array.from(PopsCore.document.querySelectorAll(selector)).filter(($ele) => {
+                // @ts-ignore
+                return Boolean(($ele?.textContent || $ele?.innerText)?.match(regexp));
+            });
+        }
+        else {
+            // 普通语法
+            return Array.from(PopsCore.document.querySelectorAll(selector));
+        }
+    }
+    /**
+     * 匹配元素，可使用以下的额外语法
+     *
+     * + :contains([text]) 作用: 找到包含指定文本内容的指定元素
+     * + :empty 作用:找到既没有文本内容也没有子元素的指定元素
+     * + :regexp([text]) 作用: 找到符合正则表达式的内容的指定元素
+     * @param $el 元素
+     * @param selector 选择器
+     * @example
+     * DOMUtils.matches("div:contains('测试')")
+     * > true
+     * @example
+     * DOMUtils.matches("div:empty")
+     * > true
+     * @example
+     * DOMUtils.matches("div:regexp('^xxxx$')")
+     * > true
+     * @example
+     * DOMUtils.matches("div:regexp(/^xxx/ig)")
+     * > false
+     */
+    matches($el, selector) {
+        selector = selector.trim();
+        if ($el == null) {
+            return false;
+        }
+        if (selector.match(/[^\s]{1}:empty$/gi)) {
+            // empty 语法
+            selector = selector.replace(/:empty$/gi, "");
+            return $el.matches(selector) && $el?.innerHTML?.trim() === "";
+        }
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+            // contains 语法
+            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            let text = textMatch[2];
+            selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
+            // @ts-ignore
+            let content = $el?.textContent || $el?.innerText;
+            if (typeof content !== "string") {
+                content = "";
+            }
+            return $el.matches(selector) && content?.includes(text);
+        }
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+            // regexp 语法
+            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            let pattern = textMatch[2];
+            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            let flags = "";
+            if (flagMatch) {
+                pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
+                flags = flagMatch[3];
+            }
+            let regexp = new RegExp(pattern, flags);
+            selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
+            // @ts-ignore
+            let content = $el?.textContent || $el?.innerText;
+            if (typeof content !== "string") {
+                content = "";
+            }
+            return $el.matches(selector) && Boolean(content?.match(regexp));
+        }
+        else {
+            // 普通语法
+            return $el.matches(selector);
+        }
+    }
+    closest($el, selector) {
+        selector = selector.trim();
+        if (selector.match(/[^\s]{1}:empty$/gi)) {
+            // empty 语法
+            selector = selector.replace(/:empty$/gi, "");
+            let $closest = $el?.closest(selector);
+            if ($closest && $closest?.innerHTML?.trim() === "") {
+                return $closest;
+            }
+            return null;
+        }
+        else if (selector.match(/[^\s]{1}:contains\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:contains\('(.*)'\)$/i)) {
+            // contains 语法
+            let textMatch = selector.match(/:contains\(("|')(.*)("|')\)$/i);
+            let text = textMatch[2];
+            selector = selector.replace(/:contains\(("|')(.*)("|')\)$/gi, "");
+            let $closest = $el?.closest(selector);
+            if ($closest) {
+                // @ts-ignore
+                let content = $el?.textContent || $el?.innerText;
+                if (typeof content === "string" && content.includes(text)) {
+                    return $closest;
+                }
+            }
+            return null;
+        }
+        else if (selector.match(/[^\s]{1}:regexp\("(.*)"\)$/i) ||
+            selector.match(/[^\s]{1}:regexp\('(.*)'\)$/i)) {
+            // regexp 语法
+            let textMatch = selector.match(/:regexp\(("|')(.*)("|')\)$/i);
+            let pattern = textMatch[2];
+            let flagMatch = pattern.match(/("|'),[\s]*("|')([igm]{0,3})$/i);
+            let flags = "";
+            if (flagMatch) {
+                pattern = pattern.replace(/("|'),[\s]*("|')([igm]{0,3})$/gi, "");
+                flags = flagMatch[3];
+            }
+            let regexp = new RegExp(pattern, flags);
+            selector = selector.replace(/:regexp\(("|')(.*)("|')\)$/gi, "");
+            let $closest = $el?.closest(selector);
+            if ($closest) {
+                // @ts-ignore
+                let content = $el?.textContent || $el?.innerText;
+                if (typeof content === "string" && content.match(regexp)) {
+                    return $closest;
+                }
+            }
+            return null;
+        }
+        else {
+            // 普通语法
+            let $closest = $el?.closest(selector);
+            return $closest;
+        }
+    }
 }
 class PopsDOMUtils extends PopsDOMUtilsEvent {
     /** 获取 animationend 在各个浏览器的兼容名 */
@@ -9794,8 +10020,9 @@ const PopsRightClickMenu = {
             /**
              * contextmenu事件
              * @param event
+             * @param selectorTarget
              */
-            contextMenuEvent(event) {
+            contextMenuEvent(event, selectorTarget) {
                 if (config.preventDefault) {
                     popsDOMUtils.preventEvent(event);
                 }
@@ -9803,7 +10030,7 @@ const PopsRightClickMenu = {
                 if (PopsContextMenu.rootElement) {
                     PopsContextMenu.closeAllMenu(PopsContextMenu.rootElement);
                 }
-                let rootElement = PopsContextMenu.showMenu(event, config.data);
+                let rootElement = PopsContextMenu.showMenu(event, config.data, selectorTarget);
                 PopsContextMenu.rootElement = rootElement;
                 if (config.only) {
                     PopsHandler.handlePush(PopsType, {
@@ -9843,14 +10070,14 @@ const PopsRightClickMenu = {
                  * 动画结束触发的事件
                  */
                 function transitionEndEvent(event) {
-                    popsDOMUtils.off(element, popsDOMUtils.getTransitionEndNameList(), void 0, transitionEndEvent, {
+                    popsDOMUtils.off(element, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                         capture: true,
                     });
                     element.remove();
                 }
                 if (element.classList.contains(`pops-${PopsType}-anim-show`)) {
                     /* 有动画 */
-                    popsDOMUtils.on(element, popsDOMUtils.getTransitionEndNameList(), void 0, transitionEndEvent, {
+                    popsDOMUtils.on(element, popsDOMUtils.getTransitionEndNameList(), transitionEndEvent, {
                         capture: true,
                     });
                     element.classList.remove(`pops-${PopsType}-anim-show`);
@@ -9941,13 +10168,14 @@ const PopsRightClickMenu = {
              * 显示菜单
              * @param menuEvent 触发的事件
              * @param _config_
+             * @param menuListenerRootNode 右键菜单监听的元素
              */
-            showMenu(menuEvent, _config_) {
+            showMenu(menuEvent, _config_, menuListenerRootNode) {
                 let menuElement = this.getMenuContainerElement(false);
                 Reflect.set(menuElement, "__menuData__", {
                     child: [],
                 });
-                PopsContextMenu.addMenuLiELement(menuEvent, menuElement, menuElement, _config_);
+                PopsContextMenu.addMenuLiELement(menuEvent, menuElement, menuElement, _config_, menuListenerRootNode);
                 /* 先隐藏 */
                 popsDOMUtils.css(menuElement, {
                     display: "none",
@@ -9979,8 +10207,9 @@ const PopsRightClickMenu = {
              * @param  _config_
              * @param rootElement 根菜单元素
              * @param targetLiElement 父li项元素
+             * @param menuListenerRootNode 右键菜单监听的元素
              */
-            showClildMenu(menuEvent, posInfo, _config_, rootElement, targetLiElement) {
+            showClildMenu(menuEvent, posInfo, _config_, rootElement, targetLiElement, menuListenerRootNode) {
                 let menuElement = this.getMenuContainerElement(true);
                 Reflect.set(menuElement, "__menuData__", {
                     parent: targetLiElement,
@@ -9989,7 +10218,7 @@ const PopsRightClickMenu = {
                 // 根菜单数据
                 let rootElementMenuData = Reflect.get(rootElement, "__menuData__");
                 rootElementMenuData.child.push(menuElement);
-                PopsContextMenu.addMenuLiELement(menuEvent, rootElement, menuElement, _config_);
+                PopsContextMenu.addMenuLiELement(menuEvent, rootElement, menuElement, _config_, menuListenerRootNode);
                 /* 先隐藏 */
                 popsDOMUtils.css(menuElement, {
                     display: "none",
@@ -10014,8 +10243,9 @@ const PopsRightClickMenu = {
              * @param rootElement 根元素
              * @param menuElement 菜单元素
              * @param _config_ 配置
+             * @param menuListenerRootNode 右键菜单监听的元素
              */
-            addMenuLiELement(menuEvent, rootElement, menuElement, _config_) {
+            addMenuLiELement(menuEvent, rootElement, menuElement, _config_, menuListenerRootNode) {
                 let menuEventTarget = menuEvent.target;
                 let menuULElement = menuElement.querySelector("ul");
                 _config_.forEach((item) => {
@@ -10069,7 +10299,7 @@ const PopsRightClickMenu = {
                         let childMenu = PopsContextMenu.showClildMenu(menuEvent, {
                             clientX: rect.left + popsDOMUtils.outerWidth(menuLiElement),
                             clientY: rect.top,
-                        }, item.item, rootElement, menuLiElement);
+                        }, item.item, rootElement, menuLiElement, menuListenerRootNode);
                         menuLiElement.__menuData__ = {
                             child: childMenu,
                         };
@@ -10081,12 +10311,15 @@ const PopsRightClickMenu = {
                      */
                     async function liElementClickEvent(clickEvent) {
                         if (typeof item.callback === "function") {
-                            OriginPrototype.Object.defineProperty(menuEvent, "target", {
-                                get() {
-                                    return menuEventTarget;
-                                },
-                            });
-                            let callbackResult = await item.callback(clickEvent, menuEvent, menuLiElement);
+                            try {
+                                OriginPrototype.Object.defineProperty(menuEvent, "target", {
+                                    get() {
+                                        return menuEventTarget;
+                                    },
+                                });
+                            }
+                            catch (error) { }
+                            let callbackResult = await item.callback(clickEvent, menuEvent, menuLiElement, menuListenerRootNode);
                             if (typeof callbackResult === "boolean" &&
                                 callbackResult == false) {
                                 return;
@@ -10723,7 +10956,7 @@ class Pops {
     /** 配置 */
     config = {
         /** 版本号 */
-        version: "2025.6.4",
+        version: "2025.6.6",
         cssText: PopsCSS,
         /** icon图标的svg代码 */
         iconSVG: PopsIcon.$data,