@whitesev/pops 2.4.7 → 2.5.1

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

@@ -34,16 +34,16 @@ declare class Pops {
         };
         /** icon图标的svg代码 */
         iconSVG: {
-            loading: string;
             min: string;
-            max: string;
             mise: string;
+            max: string;
             close: string;
             edit: string;
             share: string;
             delete: string;
             search: string;
             upload: string;
+            loading: string;
             next: string;
             prev: string;
             eleme: string;
@@ -69,14 +69,14 @@ declare class Pops {
         };
         /** 存储已创建的元素 */
         instData: {
-            iframe: import("./types/inst").PopsInstCommonConfig[];
             loading: import("./types/inst").PopsInstCommonConfig[];
-            folder: import("./types/inst").PopsInstCommonConfig[];
             alert: import("./types/inst").PopsInstCommonConfig[];
             confirm: import("./types/inst").PopsInstCommonConfig[];
             prompt: import("./types/inst").PopsInstCommonConfig[];
+            iframe: import("./types/inst").PopsInstCommonConfig[];
             tooltip: import("./types/inst").PopsInstCommonConfig[];
             drawer: import("./types/inst").PopsInstCommonConfig[];
+            folder: import("./types/inst").PopsInstCommonConfig[];
             panel: import("./types/inst").PopsInstCommonConfig[];
             rightClickMenu: import("./types/inst").PopsInstCommonConfig[];
         };
@@ -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;
@@ -383,14 +393,14 @@ declare class Pops {
             showArrow: boolean;
             arrowDistance: number;
             otherDistance: number;
-            useShadowRoot: boolean;
-            only: boolean;
             zIndex: number | (() => number);
             style: string | null;
+            useShadowRoot: boolean;
+            only: boolean;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         $shadowContainer: HTMLDivElement;
-        $shadowRoot: HTMLDivElement | ShadowRoot;
+        $shadowRoot: ShadowRoot | HTMLDivElement;
         toolTip: import("./components/tooltip").ToolTip;
     };
     /**
@@ -413,7 +423,6 @@ declare class Pops {
         close: () => Promise<void>;
         hide: () => Promise<void>;
         show: () => Promise<void>;
-        guid: string;
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
         element: HTMLDivElement;
@@ -421,6 +430,7 @@ declare class Pops {
         popsElement: HTMLDivElement;
         maskElement?: HTMLDivElement | undefined;
         mode: import("./types/main").PopsType;
+        guid: string;
     };
     /**
      * 右键菜单
@@ -429,7 +439,7 @@ declare class Pops {
     rightClickMenu: (details: PopsRightClickMenuDetails) => {
         guid: string;
         config: {
-            target: HTMLElement | Node | {
+            target: Node | HTMLElement | {
                 addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
                 dispatchEvent: (event: Event) => boolean;
                 removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
@@ -21367,23 +21377,17 @@ 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;
             isAnimation: boolean;
             useScaleAnimation: boolean;
             preventDefault: boolean;
-            useShadowRoot: boolean;
-            only: boolean;
             zIndex: number | (() => number);
             style: string | null;
+            useShadowRoot: boolean;
+            only: boolean;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         removeWindowCheckClickListener: () => void;
@@ -21409,7 +21413,7 @@ declare class Pops {
      * searchSuggestion.setAllEvent();
      */
     searchSuggestion: <T = any>(details: PopsSearchSuggestionDetails<T>) => {
-        selfDocument: Document | ShadowRoot | (Document | ShadowRoot)[];
+        selfDocument: ShadowRoot | Document | (ShadowRoot | Document)[];
         $el: {
             root: HTMLElement;
             $hintULContainer: HTMLUListElement;

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/index.d.ts

@@ -7,7 +7,6 @@ export declare const PopsPanel: {
         close: () => Promise<void>;
         hide: () => Promise<void>;
         show: () => Promise<void>;
-        guid: string;
         $shadowContainer: HTMLDivElement;
         $shadowRoot: ShadowRoot | HTMLElement;
         element: HTMLDivElement;
@@ -15,5 +14,6 @@ export declare const PopsPanel: {
         popsElement: HTMLDivElement;
         maskElement?: HTMLDivElement | undefined;
         mode: PopsType;
+        guid: string;
     };
 };

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];
-    };
     /**
      * 显示在左边的文字
      */