@whitesev/pops 2.0.11 → 2.0.13

package/dist/index.system.js

@@ -627,8 +627,9 @@ System.register('pops', [], (function (exports) {
                      * @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];
                             }
@@ -636,20 +637,22 @@ System.register('pops', [], (function (exports) {
                                 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;
@@ -662,88 +665,116 @@ System.register('pops', [], (function (exports) {
                     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);
                         });
                     });
                 }
@@ -755,18 +786,20 @@ System.register('pops', [], (function (exports) {
                      * @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;
@@ -781,37 +814,53 @@ System.register('pops', [], (function (exports) {
                     }
                     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") {
@@ -819,19 +868,25 @@ System.register('pops', [], (function (exports) {
                             }
                             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);
                                 }
                             }
@@ -840,7 +895,7 @@ System.register('pops', [], (function (exports) {
                                 popsUtils.delete(elementEvents, eventType);
                             }
                         });
-                        elementItem[SymbolEvents] = elementEvents;
+                        Reflect.set(elementItem, SymbolEvents, elementEvents);
                     });
                 }
                 /**
@@ -1245,6 +1300,177 @@ System.register('pops', [], (function (exports) {
                         });
                     }
                 }
+                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 在各个浏览器的兼容名 */
@@ -9799,8 +10025,9 @@ System.register('pops', [], (function (exports) {
                         /**
                          * contextmenu事件
                          * @param event
+                         * @param selectorTarget
                          */
-                        contextMenuEvent(event) {
+                        contextMenuEvent(event, selectorTarget) {
                             if (config.preventDefault) {
                                 popsDOMUtils.preventEvent(event);
                             }
@@ -9808,7 +10035,7 @@ System.register('pops', [], (function (exports) {
                             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, {
@@ -9848,14 +10075,14 @@ System.register('pops', [], (function (exports) {
                              * 动画结束触发的事件
                              */
                             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`);
@@ -9946,13 +10173,14 @@ System.register('pops', [], (function (exports) {
                          * 显示菜单
                          * @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",
@@ -9984,8 +10212,9 @@ System.register('pops', [], (function (exports) {
                          * @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,
@@ -9994,7 +10223,7 @@ System.register('pops', [], (function (exports) {
                             // 根菜单数据
                             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",
@@ -10019,8 +10248,9 @@ System.register('pops', [], (function (exports) {
                          * @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) => {
@@ -10074,7 +10304,7 @@ System.register('pops', [], (function (exports) {
                                     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,
                                     };
@@ -10086,12 +10316,15 @@ System.register('pops', [], (function (exports) {
                                  */
                                 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;
@@ -10728,7 +10961,7 @@ System.register('pops', [], (function (exports) {
                 /** 配置 */
                 config = {
                     /** 版本号 */
-                    version: "2025.6.4",
+                    version: "2025.6.6",
                     cssText: PopsCSS,
                     /** icon图标的svg代码 */
                     iconSVG: PopsIcon.$data,