@whitesev/pops 2.1.3 → 2.1.5

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

@@ -1,9 +1,9 @@
-import type { PopsCommonConfig } from "./types/components";
+import type { PopsCommonConfig, PopsDragConfig } from "./types/components";
 type EnterReturnType<T> = null | T | (() => T);
 type GlobalConfigOption = {
     style?: EnterReturnType<string>;
     zIndex?: EnterReturnType<number> | EnterReturnType<string>;
-} & Partial<PopsCommonConfig>;
+} & Partial<PopsCommonConfig> & Partial<PopsDragConfig>;
 export declare const GlobalConfig: {
     config: GlobalConfigOption;
     /**
@@ -26,6 +26,11 @@ export declare const GlobalConfig: {
         mask?: import("./types/mask").PopsMaskDetails | undefined;
         forbiddenScroll?: boolean | undefined;
         beforeAppendToPageCallBack?: void;
+        drag?: boolean | undefined;
+        dragLimit?: boolean | undefined;
+        dragExtraDistance?: number | undefined;
+        dragMoveCallBack?: void;
+        dragEndCallBack?: void;
     };
 };
 export {};

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

@@ -1,14 +1,14 @@
-import type { PopsAlertDetails } from "./components/alert/indexType";
-import type { PopsConfirmDetails } from "./components/confirm/indexType";
-import type { PopsPromptDetails } from "./components/prompt/indexType";
-import type { PopsLoadingDetails } from "./components/loading/indexType";
-import type { PopsIframeDetails } from "./components/iframe/indexType";
-import type { PopsToolTipDetails } from "./components/tooltip/indexType";
-import type { PopsDrawerDetails } from "./components/drawer/indexType";
-import type { PopsFolderDetails } from "./components/folder/indexType";
-import type { PopsPanelDetails } from "./components/panel/indexType";
-import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/indexType";
-import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/indexType";
+import type { PopsAlertDetails } from "./components/alert/types";
+import type { PopsConfirmDetails } from "./components/confirm/types";
+import type { PopsPromptDetails } from "./components/prompt/types/index";
+import type { PopsLoadingDetails } from "./components/loading/types";
+import type { PopsIframeDetails } from "./components/iframe/types";
+import type { PopsToolTipDetails } from "./components/tooltip/types/index";
+import type { PopsDrawerDetails } from "./components/drawer/types";
+import type { PopsFolderDetails } from "./components/folder/types";
+import type { PopsPanelDetails } from "./components/panel/types";
+import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/types";
+import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/types/index";
 declare class Pops {
     /** 配置 */
     config: {
@@ -207,21 +207,23 @@ declare class Pops {
             division(number1: number, number2: number): number;
         };
         /** pops.panel中用于处理各个类型的工具 */
-        panelHandleContentUtils: () => {
+        PanelHandlerComponents: () => {
             asideULElement: HTMLUListElement;
             sectionContainerHeaderULElement: HTMLUListElement;
             sectionContainerULElement: HTMLUListElement;
             $el: {
-                $content: HTMLDivElement;
-                $contentAside: HTMLDivElement;
-                $contentSectionContainer: HTMLDivElement;
+                $pops: HTMLElement;
+                $content: HTMLElement;
+                $contentAside: HTMLElement;
+                $contentSectionContainer: HTMLElement;
             };
             init(details: {
                 config: Required<PopsPanelDetails>;
                 $el: {
-                    $content: HTMLDivElement;
-                    $contentAside: HTMLDivElement;
-                    $contentSectionContainer: HTMLDivElement;
+                    $pops: HTMLElement;
+                    $content: HTMLElement;
+                    $contentAside: HTMLElement;
+                    $contentSectionContainer: HTMLElement;
                 };
             }): void;
             clearContainer(): void;
@@ -230,21 +232,22 @@ declare class Pops {
             setElementAttributes(element: HTMLElement, attributes?: any): void;
             setElementProps(element: HTMLElement, props?: any): void;
             setElementClassName(element: HTMLElement, className?: string | string[] | (() => string | string[])): void;
-            createAsideItem(asideConfig: import("./components/panel/indexType").PopsPanelContentConfig): HTMLLIElement;
-            createSectionContainerItem_switch(formConfig: import("./components/panel/switchType").PopsPanelSwitchDetails): HTMLLIElement;
-            createSectionContainerItem_slider(formConfig: import("./components/panel/sliderType").PopsPanelSliderDetails): HTMLLIElement;
-            createSectionContainerItem_slider_new(formConfig: import("./components/panel/sliderType").PopsPanelSliderDetails): HTMLLIElement;
-            createSectionContainerItem_input(formConfig: import("./components/panel/inputType").PopsPanelInputDetails): HTMLLIElement;
-            createSectionContainerItem_textarea(formConfig: import("./components/panel/textareaType").PopsPanelTextAreaDetails): HTMLLIElement;
-            createSectionContainerItem_select(formConfig: import("./components/panel/selectType").PopsPanelSelectDetails<any>): HTMLLIElement;
-            createSectionContainerItem_select_multiple_new(formConfig: import("./components/panel/selectMultipleType").PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
-            createSectionContainerItem_button(formConfig: import("./components/panel/buttonType").PopsPanelButtonDetails): HTMLLIElement;
-            createSectionContainerItem_deepMenu(formConfig: import("./components/panel/deepMenuType").PopsPanelDeepMenuDetails): HTMLLIElement;
-            createSectionContainerItem_own(formConfig: import("./components/panel/ownType").PopsPanelOwnDetails): HTMLLIElement;
-            createSectionContainerItem(formConfig: import("./components/panel/indexType").PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
-            createSectionContainerItem_forms(formConfig: import("./components/panel/indexType").PopsPanelContentConfig | import("./components/panel/formsType").PopsPanelFormsDetails): void;
-            uListContainerAddItem(formConfig: import("./components/panel/indexType").PopsPanelFormsTotalDetails, containerOptions: Omit<import("./components/panel/commonType").PopsPanelRightAsideContainerOptions, "target">): void;
-            setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: import("./components/panel/indexType").PopsPanelContentConfig): 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;
+            createSectionContainerItem_slider_new(formConfig: import("./components/panel/types/components-slider").PopsPanelSliderDetails): HTMLLIElement;
+            createSectionContainerItem_input(formConfig: import("./components/panel/types/components-input").PopsPanelInputDetails): HTMLLIElement;
+            createSectionContainerItem_textarea(formConfig: import("./components/panel/types/components-textarea").PopsPanelTextAreaDetails): HTMLLIElement;
+            createSectionContainerItem_select(formConfig: import("./components/panel/types/components-select").PopsPanelSelectDetails<any>): HTMLLIElement;
+            createSectionContainerItem_select_multiple_new(formConfig: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
+            createSectionContainerItem_button(formConfig: import("./components/panel/types/components-button").PopsPanelButtonDetails): HTMLLIElement;
+            createSectionContainerItem_deepMenu(formConfig: import("./components/panel/types/components-deepMenu").PopsPanelDeepMenuDetails): HTMLLIElement;
+            createSectionContainerItem_own(formConfig: import("./components/panel/types/components-own").PopsPanelOwnDetails): HTMLLIElement;
+            createSectionContainerItem(formConfig: import("./components/panel/types").PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
+            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;
         };
     };
     init(): void;
@@ -266,11 +269,11 @@ declare class Pops {
         config: {
             style?: string | (() => string) | null;
             zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
-        } & Partial<import("./types/components").PopsCommonConfig>;
+        } & Partial<import("./types/components").PopsCommonConfig> & Partial<import("./types/components").PopsDragConfig>;
         setGlobalConfig(config: {
             style?: string | (() => string) | null;
             zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
-        } & Partial<import("./types/components").PopsCommonConfig>): void;
+        } & Partial<import("./types/components").PopsCommonConfig> & Partial<import("./types/components").PopsDragConfig>): void;
         getGlobalConfig(): {
             style?: string | undefined;
             zIndex?: string | number | undefined;
@@ -284,6 +287,11 @@ declare class Pops {
             mask?: import("./types/mask").PopsMaskDetails | undefined;
             forbiddenScroll?: boolean | undefined;
             beforeAppendToPageCallBack?: void;
+            drag?: boolean | undefined;
+            dragLimit?: boolean | undefined;
+            dragExtraDistance?: number | undefined;
+            dragMoveCallBack?: void;
+            dragEndCallBack?: void;
         };
     };
     /**
@@ -323,7 +331,7 @@ declare class Pops {
             target: HTMLElement;
             content: string | (() => string);
             isDiffContent: boolean;
-            position: import("./components/tooltip/indexType").PopsTooltipPosition;
+            position: import("./components/tooltip/types/index").PopsTooltipPosition;
             className: string;
             isFixed: boolean;
             alwaysShow: boolean;
@@ -381,7 +389,21 @@ declare class Pops {
      * 配置面板
      * @param details 配置
      */
-    panel: (details: PopsPanelDetails) => Omit<import("./types/event").PopsEventDetails, "function" | "type">;
+    panel: (details: PopsPanelDetails) => {
+        addEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        removeEventListener: <K extends keyof import("./components/panel/types").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/types").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        close: () => Promise<void>;
+        hide: () => Promise<void>;
+        show: () => Promise<void>;
+        guid: string;
+        $shadowContainer: HTMLDivElement;
+        $shadowRoot: ShadowRoot | HTMLElement;
+        element: HTMLDivElement;
+        animElement: HTMLDivElement;
+        popsElement: HTMLDivElement;
+        maskElement?: HTMLDivElement | undefined;
+        mode: import("./types/main").PopsMode;
+    };
     /**
      * 右键菜单
      * @param details 配置
@@ -389,7 +411,7 @@ declare class Pops {
     rightClickMenu: (details: PopsRightClickMenuDetails) => {
         guid: string;
         config: {
-            target: Node | HTMLElement | {
+            target: HTMLElement | Node | {
                 addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
                 dispatchEvent: (event: Event) => boolean;
                 removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
@@ -21051,7 +21073,7 @@ declare class Pops {
      * @param details 配置
      */
     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/{Core.d.ts → PopsCore.d.ts}

@@ -1,18 +1,19 @@
-export interface PopsCoreOption {
+interface PopsCoreOption {
     document: Document;
     window: Window;
     globalThis: typeof globalThis;
     self: typeof globalThis;
 }
-export declare const PopsCore: {
+declare const PopsCore: {
     init(option?: PopsCoreOption): void;
     readonly document: Document;
     readonly window: Window;
     readonly globalThis: typeof globalThis;
     readonly self: typeof globalThis;
 };
-export declare const OriginPrototype: {
+declare const OriginPrototype: {
     Object: {
         defineProperty: <T>(o: T, p: PropertyKey, attributes: PropertyDescriptor & ThisType<any>) => T;
     };
 };
+export { PopsCoreOption, PopsCore, OriginPrototype };

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

@@ -1,6 +1,34 @@
-import type { PopsIconType } from "./types/icon";
 export declare const PopsIcon: {
-    $data: { [key in PopsIconType]: string; };
+    $data: {
+        loading: string;
+        min: string;
+        max: string;
+        mise: string;
+        close: string;
+        edit: string;
+        share: string;
+        delete: string;
+        search: string;
+        upload: string;
+        next: string;
+        prev: string;
+        eleme: string;
+        elemePlus: string;
+        chromeFilled: string;
+        cpu: string;
+        videoPlay: string;
+        videoPause: string;
+        headset: string;
+        monitor: string;
+        documentCopy: string;
+        picture: string;
+        circleClose: string;
+        view: string;
+        hide: string;
+        keyboard: string;
+        arrowRight: string;
+        arrowLeft: string;
+    };
     /**
      * 判断是否存在某个icon
      * @param iconName 图标名

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

@@ -1,3 +1,5 @@
 import type { PopsLayerCommonConfig } from "./types/layer";
 import type { PopsLayerMode } from "./types/main";
-export declare const PopsLayer: { [key in PopsLayerMode]: PopsLayerCommonConfig[]; };
+export declare const PopsLayerData: {
+    [key in PopsLayerMode]: PopsLayerCommonConfig[];
+};

package/dist/types/src/components/alert/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsAlertDetails } from "./indexType";
+import type { PopsAlertDetails } from "./types";
 export declare const PopsAlertConfig: () => DeepRequired<PopsAlertDetails>;

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

@@ -1,4 +1,4 @@
-import type { PopsAlertDetails } from "./indexType";
+import type { PopsAlertDetails } from "./types";
 export declare const PopsAlert: {
     init(details: PopsAlertDetails): Omit<import("../../types/event").PopsEventDetails, "function" | "type">;
 };

package/dist/types/src/components/alert/{indexType.d.ts → types/index.d.ts}

@@ -1,5 +1,5 @@
-import type { PopsTitleConfig, PopsContentConfig, PopsDragConfig, PopsCommonConfig, PopsButtonConfig } from "../../types/components";
-import type { PopsButtonDetails, PopsButtonDetailsAnyType } from "../../types/button";
+import type { PopsTitleConfig, PopsContentConfig, PopsDragConfig, PopsCommonConfig, PopsButtonConfig } from "../../../types/components";
+import type { PopsButtonDetails, PopsButtonDetailsAnyType } from "../../../types/button";
 /**
  * pops.alert
  */

package/dist/types/src/components/confirm/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsConfirmDetails } from "./indexType";
+import type { PopsConfirmDetails } from "./types";
 export declare const PopsConfirmConfig: () => DeepRequired<PopsConfirmDetails>;

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

@@ -1,4 +1,4 @@
-import type { PopsConfirmDetails } from "./indexType";
+import type { PopsConfirmDetails } from "./types";
 export declare const PopsConfirm: {
     init(details: PopsConfirmDetails): Omit<import("../../types/event").PopsEventDetails, "function" | "type">;
 };

package/dist/types/src/components/confirm/{indexType.d.ts → types/index.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsTitleConfig, PopsContentConfig, PopsDragConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../types/components";
+import type { PopsTitleConfig, PopsContentConfig, PopsDragConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../../types/components";
 /**
  * pops.confirm
  */

package/dist/types/src/components/drawer/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsDrawerDetails } from "./indexType";
+import type { PopsDrawerDetails } from "./types";
 export declare const PopsDrawerConfig: () => DeepRequired<PopsDrawerDetails>;

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

@@ -1,4 +1,4 @@
-import type { PopsDrawerDetails } from "./indexType";
+import type { PopsDrawerDetails } from "./types";
 export declare const PopsDrawer: {
     init(details: PopsDrawerDetails): Omit<import("../../types/event").PopsEventDetails, "function" | "type">;
 };

package/dist/types/src/components/drawer/{indexType.d.ts → types/index.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsTitleConfig, PopsContentConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../types/components";
+import type { PopsTitleConfig, PopsContentConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../../types/components";
 /**
  * pops.drawer
  */

package/dist/types/src/components/folder/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsFolderDetails } from "./indexType";
+import type { PopsFolderDetails } from "./types";
 export declare const PopsFolderConfig: () => DeepRequired<PopsFolderDetails>;

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

@@ -1,4 +1,4 @@
-import type { PopsFolderDetails } from "./indexType";
+import type { PopsFolderDetails } from "./types";
 export declare const PopsFolder: {
     init(details: PopsFolderDetails): Omit<import("../../types/event").PopsEventDetails, "function" | "type">;
 };

package/dist/types/src/components/folder/{indexType.d.ts → types/index.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../types/components";
+import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig, PopsMoreButtonConfig } from "../../../types/components";
 /**
  * pops.folder的folder配置信息
  */

package/dist/types/src/components/iframe/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsIframeDetails } from "./indexType";
+import type { PopsIframeDetails } from "./types";
 export declare const PopsIframeConfig: () => DeepRequired<PopsIframeDetails>;

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

@@ -1,5 +1,5 @@
 import type { PopsEventDetails } from "../../types/event";
-import type { PopsIframeDetails } from "./indexType";
+import type { PopsIframeDetails } from "./types";
 export declare const PopsIframe: {
     init(details: PopsIframeDetails): Omit<PopsEventDetails & {
         iframeElement: HTMLIFrameElement;

package/dist/types/src/components/iframe/{indexType.d.ts → types/index.d.ts}

@@ -1,5 +1,5 @@
-import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig } from "../../types/components";
-import type { PopsEventDetails } from "../../types/event";
+import type { PopsTitleConfig, PopsDragConfig, PopsCommonConfig } from "../../../types/components";
+import type { PopsEventDetails } from "../../../types/event";
 /**
  * pops.iframe的按钮的点击回调参数event
  */

package/dist/types/src/components/loading/config.d.ts

@@ -1,2 +1,2 @@
-import type { PopsLoadingDetails } from "./indexType";
+import type { PopsLoadingDetails } from "./types";
 export declare const PopsLoadingConfig: () => DeepRequired<PopsLoadingDetails>;

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

@@ -1,4 +1,4 @@
-import type { PopsLoadingDetails } from "./indexType";
+import type { PopsLoadingDetails } from "./types";
 export declare const PopsLoading: {
     init(details: PopsLoadingDetails): Omit<Omit<import("../../types/event").PopsEventDetails, "$shadowContainer" | "$shadowRoot">, "function" | "type">;
 };

package/dist/types/src/components/loading/{indexType.d.ts → types/index.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsCommonConfig, PopsContentConfig } from "../../types/components";
+import type { PopsCommonConfig, PopsContentConfig } from "../../../types/components";
 /**
  * pops.loading
  */

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

@@ -1,2 +1,2 @@
-import type { PopsPanelDetails } from "./indexType";
+import type { PopsPanelDetails } from "./types";
 export declare const PopsPanelConfig: () => DeepRequired<PopsPanelDetails>;

package/dist/types/src/components/panel/{PanelHandleContentDetails.d.ts → handlerComponents.d.ts}

@@ -1,16 +1,19 @@
-import type { PopsPanelButtonDetails } from "./buttonType";
-import type { PopsPanelRightAsideContainerOptions } from "./commonType";
-import type { PopsPanelDeepMenuDetails } from "./deepMenuType";
-import type { PopsPanelFormsDetails } from "./formsType";
-import type { PopsPanelContentConfig, PopsPanelDetails, PopsPanelFormsTotalDetails } from "./indexType";
-import type { PopsPanelInputDetails } from "./inputType";
-import type { PopsPanelOwnDetails } from "./ownType";
-import type { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
-import type { PopsPanelSelectDetails } from "./selectType";
-import type { PopsPanelSliderDetails } from "./sliderType";
-import type { PopsPanelSwitchDetails } from "./switchType";
-import type { PopsPanelTextAreaDetails } from "./textareaType";
-export declare const PanelHandleContentDetails: () => {
+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 { PopsPanelInputDetails } from "./types/components-input";
+import type { PopsPanelOwnDetails } from "./types/components-own";
+import type { PopsPanelSelectMultipleDetails } from "./types/components-selectMultiple";
+import type { PopsPanelSelectDetails } from "./types/components-select";
+import type { PopsPanelSliderDetails } from "./types/components-slider";
+import type { PopsPanelSwitchDetails } from "./types/components-switch";
+import type { PopsPanelTextAreaDetails } from "./types/components-textarea";
+/**
+ * 处理组件（把组件配置转为组件元素）
+ */
+export declare const PanelHandlerComponents: () => {
     /**
      * 左侧的ul容器
      */
@@ -27,12 +30,14 @@ export declare const PanelHandleContentDetails: () => {
      * 元素
      */
     $el: {
+        /** pops主元素 */
+        $pops: HTMLElement;
         /** 内容 */
-        $content: HTMLDivElement;
+        $content: HTMLElement;
         /** 左侧容器 */
-        $contentAside: HTMLDivElement;
+        $contentAside: HTMLElement;
         /** 右侧容器 */
-        $contentSectionContainer: HTMLDivElement;
+        $contentSectionContainer: HTMLElement;
     };
     /**
      * 初始化
@@ -41,9 +46,10 @@ export declare const PanelHandleContentDetails: () => {
     init(details: {
         config: Required<PopsPanelDetails>;
         $el: {
-            $content: HTMLDivElement;
-            $contentAside: HTMLDivElement;
-            $contentSectionContainer: HTMLDivElement;
+            $pops: HTMLElement;
+            $content: HTMLElement;
+            $contentAside: HTMLElement;
+            $contentSectionContainer: HTMLElement;
         };
     }): void;
     /**
@@ -83,61 +89,62 @@ export declare const PanelHandleContentDetails: () => {
      */
     createAsideItem(asideConfig: PopsPanelContentConfig): HTMLLIElement;
     /**
-     * 创建中间容器的元素<li>
      * type ==> switch
+     * 创建中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_switch(formConfig: PopsPanelSwitchDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> slider
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_slider(formConfig: PopsPanelSliderDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> slider
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_slider_new(formConfig: PopsPanelSliderDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> input
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_input(formConfig: PopsPanelInputDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> textarea
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_textarea(formConfig: PopsPanelTextAreaDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> select
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_select(formConfig: PopsPanelSelectDetails<any>): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> select-multiple
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_select_multiple_new(formConfig: PopsPanelSelectMultipleDetails<any>): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ==> button
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_button(formConfig: PopsPanelButtonDetails): HTMLLIElement;
     /**
+     * type ==> deepMenu
      * 获取深层容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_deepMenu(formConfig: PopsPanelDeepMenuDetails): HTMLLIElement;
     /**
-     * 获取中间容器的元素<li>
      * type ===> own
+     * 获取中间容器的元素<li>
      * @param formConfig
      */
     createSectionContainerItem_own(formConfig: PopsPanelOwnDetails): HTMLLIElement;
@@ -152,6 +159,10 @@ export declare const PanelHandleContentDetails: () => {
      * @param formConfig
      */
     createSectionContainerItem_forms(formConfig: PopsPanelContentConfig | PopsPanelFormsDetails): void;
+    /**
+     * 触发触发渲染右侧容器的事件
+     */
+    triggerRenderRightContainer($container: HTMLElement): void;
     /**
      *
      * @param formConfig

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

@@ -1,4 +1,18 @@
-import type { PopsPanelDetails } from "./indexType";
+import type { PopsPanelDetails, PopsPanelEventType } from "./types";
 export declare const PopsPanel: {
-    init(details: PopsPanelDetails): Omit<import("../../types/event").PopsEventDetails, "function" | "type">;
+    init(details: PopsPanelDetails): {
+        addEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        removeEventListener: <K extends keyof PopsPanelEventType>(event: K, listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        close: () => Promise<void>;
+        hide: () => Promise<void>;
+        show: () => Promise<void>;
+        guid: string;
+        $shadowContainer: HTMLDivElement;
+        $shadowRoot: ShadowRoot | HTMLElement;
+        element: HTMLDivElement;
+        animElement: HTMLDivElement;
+        popsElement: HTMLDivElement;
+        maskElement?: HTMLDivElement | undefined;
+        mode: import("../../types/main").PopsMode;
+    };
 };

package/dist/types/src/components/panel/{buttonType.d.ts → types/components-button.d.ts}

@@ -1,6 +1,6 @@
-import type { PopsPanelCommonDetails } from "./commonType";
-import type { PopsButtonStyleType } from "../../types/button";
-import type { PopsIconType } from "../../types/icon";
+import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsButtonStyleType } from "../../../types/button";
+import type { PopsIconType } from "../../../types/icon";
 /**
  * pops.panel的 button
  */

package/dist/types/src/components/panel/{commonType.d.ts → types/components-common.d.ts}

@@ -1,5 +1,5 @@
-import type { PopsPanelFormsDetails } from "./formsType";
-import { PopsPanelFormsTotalDetails } from "./indexType";
+import type { PopsPanelFormsDetails } from "./components-forms";
+import { PopsPanelFormsTotalDetails } from ".";
 /**
  * 右侧容器的配置
  */

package/dist/types/src/components/panel/{deepMenuType.d.ts → types/components-deepMenu.d.ts}

@@ -1,6 +1,6 @@
-import type { PopsPanelFormsTotalDetails } from "./indexType";
-import type { PopsPanelFormsDetails } from "./formsType";
-import type { PopsPanelCommonDetails } from "./commonType";
+import type { PopsPanelFormsTotalDetails } from ".";
+import type { PopsPanelFormsDetails } from "./components-forms";
+import type { PopsPanelCommonDetails } from "./components-common";
 /**
  * pops.panel的 深层菜单
  */

package/dist/types/src/components/panel/{formsType.d.ts → types/components-forms.d.ts}

@@ -1,5 +1,5 @@
-import type { PopsPanelCommonDetails } from "./commonType";
-import type { PopsPanelFormsTotalDetails } from "./indexType";
+import type { PopsPanelCommonDetails } from "./components-common";
+import type { PopsPanelFormsTotalDetails } from ".";
 /**
  * pops.panel的 forms
  */

package/dist/types/src/components/panel/{inputType.d.ts → types/components-input.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsPanelCommonDetails } from "./commonType";
+import type { PopsPanelCommonDetails } from "./components-common";
 /**
  * pops.panel的 input
  */

package/dist/types/src/components/panel/{ownType.d.ts → types/components-own.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsPanelCommonDetails } from "./commonType";
+import type { PopsPanelCommonDetails } from "./components-common";
 /**
  * pops.panel的 own
  * 自定义的