@whitesev/pops 2.5.0 → 2.5.2

package/dist/types/src/Pops.d.ts

@@ -128,7 +128,7 @@ declare class Pops {
             getTextBoundingRect(input: HTMLInputElement | HTMLTextAreaElement, selectionStart: number | string, selectionEnd: number | string, debug: boolean): DOMRect;
             cssHide(ele: Element | null, isImportant?: boolean): void;
             cssShow(ele: Element | null): void;
-            parseHTML<T1 extends boolean, T2 extends boolean>(html: string, useParser?: T1 | undefined, isComplete?: T2 | undefined): import("./types/PopsDOMUtilsEventType").ParseHTMLReturnType<T1, T2>;
+            toElement<T1 extends boolean, T2 extends boolean>(html: string, useParser?: T1 | undefined, isComplete?: T2 | undefined): import("./types/PopsDOMUtilsEventType").ParseHTMLReturnType<T1, T2>;
             append(element: Element | Node | ShadowRoot | HTMLElement | string, content: HTMLElement | string | (HTMLElement | string | Element)[] | NodeList): void;
             appendHead($ele: HTMLElement): void;
             appendBody($ele: HTMLElement): void;
@@ -228,9 +228,13 @@ declare class Pops {
             $el: {
                 $pops: HTMLElement;
                 $content: HTMLElement;
-                $sectionWrapper: HTMLElement;
-                $contentAside: HTMLElement;
-                $contentSectionContainer: HTMLElement;
+                $panelRightSectionWrapper: HTMLElement;
+                $panelLeftAside: HTMLElement;
+                $panelContentSectionContainer: HTMLElement;
+                $panelBottomWrapper: HTMLElement;
+                $panelBottomContainer: HTMLElement;
+                $panelBottomLeftContainer: HTMLElement;
+                $panelBottomRightContainer: HTMLElement;
             };
             $config: Required<PopsPanelDetails>;
             init(details: {
@@ -238,18 +242,24 @@ declare class Pops {
                 $el: {
                     $pops: HTMLElement;
                     $content: HTMLElement;
-                    $sectionWrapper: HTMLElement;
-                    $contentAside: HTMLElement;
-                    $contentSectionContainer: HTMLElement;
+                    $panelRightSectionWrapper: HTMLElement;
+                    $panelLeftAside: HTMLElement;
+                    $panelContentSectionContainer: HTMLElement;
+                    $panelBottomWrapper: HTMLElement;
+                    $panelBottomContainer: HTMLElement;
+                    $panelBottomLeftContainer: HTMLElement;
+                    $panelBottomRightContainer: HTMLElement;
                 };
             }): void;
             clearContainer(): void;
             clearDeepMenuContainer(): void;
             clearAsideItemIsVisited(): void;
-            setAsideItemIsVisited(element: HTMLElement): void;
-            setElementAttributes(element: HTMLElement, attributes?: any): void;
-            setElementProps(element: HTMLElement, props?: any): void;
-            setElementClassName(element: HTMLElement, className?: string | string[] | (() => string | string[])): void;
+            setAsideItemIsVisited($el: HTMLElement): void;
+            setElementAttributes($el: HTMLElement, attributes?: any): void;
+            setElementProps($el: HTMLElement, props?: any): void;
+            setElementClassName($el: HTMLElement, className?: string | string[] | (() => string | string[])): void;
+            createBottomItem(bottomItemConfig: import("./components/panel/types").PopsPanelBottomContentConfig): HTMLLIElement;
+            setBottomItemClickEvent($bottomItem: HTMLElement, bottomItemConfig: import("./components/panel/types").PopsPanelBottomContentConfig): void;
             createAsideItem(asideConfig: import("./components/panel/types").PopsPanelContentConfig): HTMLLIElement;
             createSectionContainerItem_switch(formConfig: import("./components/panel/types/components-switch").PopsPanelSwitchDetails): HTMLLIElement;
             createSectionContainerItem_slider(formConfig: import("./components/panel/types/components-slider").PopsPanelSliderDetails): HTMLLIElement;
@@ -265,7 +275,7 @@ declare class Pops {
             createSectionContainerItem_forms(formConfig: import("./components/panel/types").PopsPanelContentConfig | import("./components/panel/types/components-forms").PopsPanelFormsDetails): void;
             triggerRenderRightContainer($container: HTMLElement): void;
             uListContainerAddItem(formConfig: import("./components/panel/types").PopsPanelFormsTotalDetails, containerOptions: Omit<import("./components/panel/types/components-common").PopsPanelRightAsideContainerOptions, "target">): void;
-            setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: import("./components/panel/types").PopsPanelContentConfig): void;
+            setAsideItemClickEvent($asideItem: HTMLElement, asideConfig: import("./components/panel/types").PopsPanelContentConfig): void;
         };
     };
     init(): void;
@@ -21367,13 +21377,7 @@ declare class Pops {
                 };
             };
             targetSelector: string | null;
-            data: {
-                icon: import("./types/icon").PopsIconType | string;
-                iconIsLoading: boolean;
-                text: string | (() => string);
-                callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement, menuListenerRootNode: HTMLElement) => boolean | void | Promise<boolean | void>;
-                item: /*elided*/ any[] | null;
-            }[];
+            data: import("./components/rightClickMenu/types").PopsRightClickMenuDataDetails[];
             chileMenuLeftOrRightDistance: number;
             childMenuTopOrBottomDistance: number;
             className: string;

package/dist/types/src/components/panel/handlerComponents.d.ts

@@ -2,7 +2,7 @@ import type { PopsPanelButtonDetails } from "./types/components-button";
 import type { PopsPanelRightAsideContainerOptions } from "./types/components-common";
 import type { PopsPanelDeepMenuDetails } from "./types/components-deepMenu";
 import type { PopsPanelFormsDetails } from "./types/components-forms";
-import type { PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./types";
+import type { PopsPanelBottomContentConfig, PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./types";
 import type { PopsPanelInputDetails } from "./types/components-input";
 import type { PopsPanelOwnDetails } from "./types/components-own";
 import type { PopsPanelSelectMultipleDetails } from "./types/components-selectMultiple";
@@ -39,11 +39,15 @@ export declare const PanelHandlerComponents: () => {
         /** 内容 */
         $content: HTMLElement;
         /** section元素的包裹容器 */
-        $sectionWrapper: HTMLElement;
+        $panelRightSectionWrapper: HTMLElement;
         /** 左侧容器 */
-        $contentAside: HTMLElement;
+        $panelLeftAside: HTMLElement;
         /** 右侧容器 */
-        $contentSectionContainer: HTMLElement;
+        $panelContentSectionContainer: HTMLElement;
+        $panelBottomWrapper: HTMLElement;
+        $panelBottomContainer: HTMLElement;
+        $panelBottomLeftContainer: HTMLElement;
+        $panelBottomRightContainer: HTMLElement;
     };
     $config: Required<PopsPanelDetails>;
     /**
@@ -55,9 +59,13 @@ export declare const PanelHandlerComponents: () => {
         $el: {
             $pops: HTMLElement;
             $content: HTMLElement;
-            $sectionWrapper: HTMLElement;
-            $contentAside: HTMLElement;
-            $contentSectionContainer: HTMLElement;
+            $panelRightSectionWrapper: HTMLElement;
+            $panelLeftAside: HTMLElement;
+            $panelContentSectionContainer: HTMLElement;
+            $panelBottomWrapper: HTMLElement;
+            $panelBottomContainer: HTMLElement;
+            $panelBottomLeftContainer: HTMLElement;
+            $panelBottomRightContainer: HTMLElement;
         };
     }): void;
     /**
@@ -74,30 +82,41 @@ export declare const PanelHandlerComponents: () => {
     clearAsideItemIsVisited(): void;
     /**
      * 设置左侧容器已访问记录
-     * @param element
+     * @param $el
      */
-    setAsideItemIsVisited(element: HTMLElement): void;
+    setAsideItemIsVisited($el: HTMLElement): void;
     /**
      * 为元素添加自定义属性
-     * @param element
-     * @param attributes
+     * @param $el 元素
+     * @param attributes 属性
      */
-    setElementAttributes(element: HTMLElement, attributes?: any): void;
+    setElementAttributes($el: HTMLElement, attributes?: any): void;
     /**
      * 为元素设置(自定义)属性
-     * @param element
-     * @param props
+     * @param $el 元素
+     * @param props 属性
      */
-    setElementProps(element: HTMLElement, props?: any): void;
+    setElementProps($el: HTMLElement, props?: any): void;
     /**
      * 为元素设置classname
-     * @param element
+     * @param $el 元素
      * @param className
      */
-    setElementClassName(element: HTMLElement, className?: string | string[] | (() => string | string[])): void;
+    setElementClassName($el: HTMLElement, className?: string | string[] | (() => string | string[])): void;
+    /**
+     * 创建底部项元素<li>
+     * @param bottomItemConfig 配置
+     */
+    createBottomItem(bottomItemConfig: PopsPanelBottomContentConfig): HTMLLIElement;
+    /**
+     * 为底部元素添加点击事件
+     * @param $bottomItem 底部<li>元素
+     * @param bottomItemConfig 配置
+     */
+    setBottomItemClickEvent($bottomItem: HTMLElement, bottomItemConfig: PopsPanelBottomContentConfig): void;
     /**
      * 创建左侧容器元素<li>
-     * @param  asideConfig
+     * @param  asideConfig 配置
      */
     createAsideItem(asideConfig: PopsPanelContentConfig): HTMLLIElement;
     /**
@@ -172,7 +191,7 @@ export declare const PanelHandlerComponents: () => {
      */
     createSectionContainerItem_forms(formConfig: PopsPanelContentConfig | PopsPanelFormsDetails): void;
     /**
-     * 触发触发渲染右侧容器的事件
+     * 主动触发触发渲染右侧容器的事件
      */
     triggerRenderRightContainer($container: HTMLElement): void;
     /**
@@ -183,8 +202,8 @@ export declare const PanelHandlerComponents: () => {
     uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: Omit<PopsPanelRightAsideContainerOptions, "target">): void;
     /**
      * 为左侧容器元素添加点击事件
-     * @param asideLiElement 左侧的容器<li>元素
+     * @param $asideItem 左侧的容器<li>元素
      * @param asideConfig 配置
      */
-    setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: PopsPanelContentConfig): void;
+    setAsideItemClickEvent($asideItem: HTMLElement, asideConfig: PopsPanelContentConfig): void;
 };

package/dist/types/src/components/panel/types/components-button.d.ts

@@ -5,24 +5,6 @@ import type { PopsIconType } from "../../../types/icon";
  * pops.panel的 button
  */
 export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanelButtonDetails> {
-    /**
-     * （可选）className属性
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */
@@ -48,15 +30,22 @@ export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanel
      */
     buttonText: string | (() => string);
     /**
-     * 按钮的图标，已配置的svg请看pops.config.iconSVG，或者自定义的图标svg代码
+     * 按钮的图标，已配置的svg请看pops.config.iconSVG，或者自定义的图标svg代码，留空则是没有图标
+     * @default ""
      */
     buttonIcon?: PopsIconType;
     /**
      * 按钮的图标在右边
+     * + true 右边
+     * + false 左边
+     * @default false
      */
     buttonIsRightIcon?: boolean;
     /**
      * 按钮的图标旋转
+     * + true 旋转
+     * + false 不旋转
+     * @default false
      */
     buttonIconIsLoading?: boolean;
     /**

package/dist/types/src/components/panel/types/components-common.d.ts

@@ -19,6 +19,29 @@ export interface PopsPanelRightAsideContainerOptions {
  * 通用配置
  */
 export interface PopsPanelCommonDetails<T extends PopsPanelFormsTotalDetails | PopsPanelFormsDetails> {
+    /**
+     * （可选）className属性
+     * @default ""
+     */
+    className?: string;
+    /**
+     * （可选）自定义元素属性
+     * @default {}
+     */
+    attributes?: {
+        [key: string]: any;
+    } | {
+        [key: string]: any;
+    }[];
+    /**
+     * （可选）自定义属性
+     * @default {}
+     */
+    props?: {
+        [K in keyof HTMLElement]?: HTMLElement[K];
+    } | {
+        [key: string]: any;
+    };
     /**
        * 在添加到<ul>元素后触发该回调
        * @param formConfig 配置

package/dist/types/src/components/panel/types/components-deepMenu.d.ts

@@ -9,24 +9,6 @@ export interface PopsPanelDeepMenuDetails extends PopsPanelCommonDetails<PopsPan
      * 类型
      */
     type: "deepMenu";
-    /**
-     * （可选）className属性
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-forms.d.ts

@@ -4,24 +4,6 @@ import type { PopsPanelFormsTotalDetails } from ".";
  * pops.panel的 forms
  */
 export interface PopsPanelFormsDetails extends PopsPanelCommonDetails<PopsPanelFormsDetails> {
-    /**
-     * （可选）className属性
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-input.d.ts

@@ -3,27 +3,6 @@ import type { PopsPanelCommonDetails } from "./components-common";
  * pops.panel的 input
  */
 export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelInputDetails> {
-    /**
-     * （可选）className属性
-     * @default ""
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     * @default {}
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     * @default {}
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-own.d.ts

@@ -4,20 +4,6 @@ import type { PopsPanelCommonDetails } from "./components-common";
  * 自定义的
  */
 export interface PopsPanelOwnDetails extends PopsPanelCommonDetails<PopsPanelOwnDetails> {
-    /**
-     * （可选）className属性
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: any;
-    /**
-     * （可选）自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 类型
      */

package/dist/types/src/components/panel/types/components-select.d.ts

@@ -5,27 +5,6 @@ import type { PopsPanelFormsTotalDetails } from ".";
  * pops.panel的 select
  */
 export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<PopsPanelSelectDetails> {
-    /**
-     * （可选）className属性
-     * @default ""
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     * @default {}
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     * @default {}
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-selectMultiple.d.ts

@@ -32,24 +32,6 @@ export interface PopsPanelSelectMultipleDataOption<T> {
  * pops.panel的 select
  */
 export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommonDetails<PopsPanelSelectMultipleDetails> {
-    /**
-     * （可选）className属性
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-slider.d.ts

@@ -3,25 +3,6 @@ import type { PopsPanelCommonDetails } from "./components-common";
  * pops.panel的 slider
  */
 export interface PopsPanelSliderDetails extends PopsPanelCommonDetails<PopsPanelSliderDetails> {
-    /**
-     * className属性
-     * @default ""
-     */
-    className?: string;
-    /**
-     * 自定义元素属性
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * 自定义属性
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-switch.d.ts

@@ -3,27 +3,6 @@ import type { PopsPanelCommonDetails } from "./components-common";
  * pops.panel的 switch
  */
 export interface PopsPanelSwitchDetails extends PopsPanelCommonDetails<PopsPanelSwitchDetails> {
-    /**
-     * （可选）className属性
-     * @default ""
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     * @default {}
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     * @default {}
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/components-textarea.d.ts

@@ -3,27 +3,6 @@ import type { PopsPanelCommonDetails } from "./components-common";
  * pops.panel的 textarea
  */
 export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPanelTextAreaDetails> {
-    /**
-     * （可选）className属性
-     * @default ""
-     */
-    className?: string;
-    /**
-     * （可选）自定义元素属性
-     * @default {}
-     */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
-    /**
-     * （可选）自定义属性
-     * @default {}
-     */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
     /**
      * 显示在左边的文字
      */

package/dist/types/src/components/panel/types/index.d.ts

@@ -10,6 +10,7 @@ import type { PopsPanelDeepMenuDetails } from "./components-deepMenu";
 import type { PopsPanelOwnDetails } from "./components-own";
 import type { PopsHeaderCloseButtonDetails } from "../../../types/button";
 import type { PopsPanelSelectMultipleDetails } from "./components-selectMultiple";
+import type { PopsPanelCommonDetails } from "./components-common";
 /** panel的各种类型的配置项 */
 export type PopsPanelFormsTotalDetails = PopsPanelSwitchDetails | PopsPanelSliderDetails | PopsPanelInputDetails | PopsPanelTextAreaDetails | PopsPanelSelectDetails<any> | PopsPanelSelectMultipleDetails<any> | PopsPanelButtonDetails | PopsPanelDeepMenuDetails | PopsPanelOwnDetails;
 /**
@@ -40,11 +41,11 @@ export interface PopsPanelContentConfig {
      */
     className?: string | string[];
     /**
-     * 左侧的标题，可以是html格式
+     * 显示的文本，可以是html格式
      */
     title: string | (() => string);
     /**
-     * （可选）中间顶部的标题，如果为空，则使用title的值代替
+     * （可选）中间顶部的文本，如果为空，则使用title的值代替
      * @default title
      */
     headerTitle?: string | (() => string);
@@ -72,17 +73,11 @@ export interface PopsPanelContentConfig {
     /**
      * （可选）自定义元素属性.setAttribute、.getAttribute
      */
-    attributes?: {
-        [key: string]: any;
-    } | {
-        [key: string]: any;
-    }[];
+    attributes?: PopsPanelCommonDetails<any>["attributes"];
     /**
      * （可选）自定义元素内部的属性值
      */
-    props?: {
-        [K in keyof HTMLElement]?: HTMLElement[K];
-    };
+    props?: PopsPanelCommonDetails<any>["props"];
     /**
      * 子配置
      */
@@ -106,13 +101,79 @@ export interface PopsPanelContentConfig {
     /**
      * 配置
      */
-    data: {
+    config: {
         /** 容器配置 */
         asideConfig: PopsPanelContentConfig;
         /** 左侧容器的元素 */
         $asideLiElement: HTMLLIElement;
     }) => void;
 }
+/**
+ * pops.panel的bottomContent配置信息
+ */
+export interface PopsPanelBottomContentConfig {
+    /**
+     * （可选）元素的className，值为空的话就不设置
+     * @default ""
+     */
+    className?: string | string[];
+    /**
+     * （可选）配置所在位置
+     *
+     * @default "left"
+     */
+    position: "left" | "right";
+    /**
+     * 显示的文本，可以是html格式
+     */
+    text: string | (() => string);
+    /**
+     * （可选）是否禁用hover的CSS样式
+     * @default false
+     */
+    disableHoverCSS?: boolean | (() => boolean);
+    /**
+     * （可选）自定义元素属性.setAttribute、.getAttribute
+     * @default {}
+     */
+    attributes?: {
+        [key: string]: any;
+    };
+    /**
+     * （可选）自定义元素内部的属性值
+     * @default {}
+     */
+    props?: {
+        [K in keyof HTMLElement]?: HTMLElement[K];
+    } | {
+        [key: string]: any;
+    };
+    /**
+     * 该项的点击回调
+     */
+    clickCallback?: (
+    /**
+     * 点击事件
+     */
+    event: MouseEvent | PointerEvent) => void;
+    /**
+     * 该项添加到panel后的回调
+     */
+    afterRender?: (
+    /**
+     * 配置
+     */
+    config: {
+        /** panel底部区域 */
+        $bottomWrapper: HTMLElement;
+        /** panel底部区域容器 */
+        $bottomContainer: HTMLElement;
+        /** panel底部区域左侧容器 */
+        $bottomLeftContainer: HTMLElement;
+        /** panel底部区域右侧容器 */
+        $bottomRightContainer: HTMLElement;
+    }) => void;
+}
 /**
  * pops.panel
  */
@@ -121,6 +182,10 @@ export interface PopsPanelDetails extends PopsTitleConfig, PopsDragConfig, PopsC
      * 内容配置
      */
     content: PopsPanelContentConfig[];
+    /**
+     * 底部内容配置
+     */
+    bottomContentConfig?: PopsPanelBottomContentConfig[];
     /**
      * 右上角的按钮配置
      */

package/dist/types/src/components/rightClickMenu/index.d.ts

@@ -1,4 +1,4 @@
-import type { PopsRightClickMenuDetails } from "./types";
+import type { PopsRightClickMenuDataDetails, PopsRightClickMenuDetails } from "./types";
 export declare const PopsRightClickMenu: {
     init(details: PopsRightClickMenuDetails): {
         guid: string;
@@ -20941,13 +20941,7 @@ export declare const PopsRightClickMenu: {
                 };
             };
             targetSelector: string | null;
-            data: {
-                icon: import("../../types/icon").PopsIconType | string;
-                iconIsLoading: boolean;
-                text: string | (() => string);
-                callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement, menuListenerRootNode: HTMLElement) => boolean | void | Promise<boolean | void>;
-                item: /*elided*/ any[] | null;
-            }[];
+            data: PopsRightClickMenuDataDetails[];
             chileMenuLeftOrRightDistance: number;
             childMenuTopOrBottomDistance: number;
             className: string;