@whitesev/pops 2.1.2 → 2.1.4

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

@@ -212,16 +212,18 @@ declare class Pops {
             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;
@@ -243,6 +245,7 @@ declare class Pops {
             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;
+            triggerRenderRightContainer($container: HTMLElement): 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;
         };
@@ -381,7 +384,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/indexType").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/indexType").PopsPanelEventType[K]>) => void, options?: boolean | EventListenerOptions) => void;
+        removeEventListener: <K extends keyof import("./components/panel/indexType").PopsPanelEventType>(event: K, listener: (evt: CustomEvent<import("./components/panel/indexType").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 配置

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

@@ -27,12 +27,14 @@ export declare const PanelHandleContentDetails: () => {
      * 元素
      */
     $el: {
+        /** pops主元素 */
+        $pops: HTMLElement;
         /** 内容 */
-        $content: HTMLDivElement;
+        $content: HTMLElement;
         /** 左侧容器 */
-        $contentAside: HTMLDivElement;
+        $contentAside: HTMLElement;
         /** 右侧容器 */
-        $contentSectionContainer: HTMLDivElement;
+        $contentSectionContainer: HTMLElement;
     };
     /**
      * 初始化
@@ -41,9 +43,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 +86,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 +156,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 "./indexType";
 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/indexType.d.ts

@@ -12,6 +12,20 @@ import type { PopsHeaderCloseButtonDetails } from "../../types/button";
 import { PopsPanelSelectMultipleDetails } from "./selectMultipleType";
 /** panel的各种类型的配置项 */
 export type PopsPanelFormsTotalDetails = PopsPanelSwitchDetails | PopsPanelSliderDetails | PopsPanelInputDetails | PopsPanelTextAreaDetails | PopsPanelSelectDetails<any> | PopsPanelSelectMultipleDetails<any> | PopsPanelButtonDetails | PopsPanelDeepMenuDetails | PopsPanelOwnDetails;
+/**
+ * panel的内部事件
+ */
+export type PopsPanelEventType = {
+    /**
+     * 该事件在右侧容器内的元素改变时触发
+     */
+    "pops:renderRightContainer": {
+        /**
+         * 菜单配置
+         */
+        formConfig: PopsPanelContentConfig[] | PopsPanelDeepMenuDetails;
+    };
+};
 /**
  * pops.panel的content配置信息
  */

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

@@ -213,7 +213,7 @@ export declare interface PopsDOMUtilsEventListenerOptionsAttribute {
 	/**
 	 * 属性配置
 	 */
-	option: DOMUtilsEventListenerOption;
+	option: PopsDOMUtilsEventListenerOption;
 	/**
 	 * 用户添加的事件
 	 */

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

@@ -1,5 +1,6 @@
 import { PopsEventDetails, PopsHandlerEventDetails } from "./event";
 import type { PopsIconType } from "./icon";
+import type { PopsMode } from "./main";
 
 /**
  * 按钮类型
@@ -105,7 +106,7 @@ export interface PopsButtonDetails<T = {}> {
 	text: string;
 	/**
 	 * 按钮点击的回调
-	 * 
+	 *
 	 * 如果传入该值，那么将不会自动关闭弹窗
 	 */
 	callback(
@@ -151,7 +152,7 @@ export interface PopsButtonDetailsAnyType<T = {}> {
 	text: string;
 	/**
 	 * 按钮点击的回调
-	 * 
+	 *
 	 * 如果传入该值，那么将不会自动关闭弹窗
 	 */
 	callback(

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

@@ -1,4 +1,5 @@
 import type { PopsIframeDetails } from "../components/iframe/indexType";
+import type { PopsMode } from "./main";
 
 /**
  * 事件配置
@@ -46,8 +47,8 @@ export interface PopsEventDetails {
 	/** 遮罩层 */
 	maskElement?: HTMLDivElement;
 	/** 当前弹窗类型 */
-	mode: mode;
-	guid: guid;
+	mode: PopsMode;
+	guid: string;
 	close: () => Promise<void>;
 	hide: () => Promise<void>;
 	show: () => Promise<void>;

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

@@ -1,15 +1,15 @@
-declare var unsafeWindow: Window & typeof globalThis;
-
 declare module "*.css" {
 	const content: string;
 	export default content;
 }
-
 declare module "*.svg" {
 	const content: string;
 	export default content;
 }
-type DeepRequired<T> = T extends Function
+
+declare var unsafeWindow: Window & typeof globalThis;
+
+declare type DeepRequired<T> = T extends Function
 	? T
 	: T extends object
 	? T extends Node

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

@@ -4,7 +4,15 @@ import type { PopsDrawerDetails } from "../components/drawer/indexType";
 import type { PopsFolderDetails } from "../components/folder/indexType";
 import type { PopsIframeDetails } from "../components/iframe/indexType";
 import type { PopsLoadingDetails } from "../components/loading/indexType";
+import type { PopsPanelButtonDetails } from "../components/panel/buttonType";
+import type { PopsPanelDeepMenuDetails } from "../components/panel/deepMenuType";
 import type { PopsPanelDetails } from "../components/panel/indexType";
+import type { PopsPanelInputDetails } from "../components/panel/inputType";
+import type { PopsPanelOwnDetails } from "../components/panel/ownType";
+import type { PopsPanelSelectDetails } from "../components/panel/selectType";
+import type { PopsPanelSliderDetails } from "../components/panel/sliderType";
+import type { PopsPanelSwitchDetails } from "../components/panel/switchType";
+import type { PopsPanelTextAreaDetails } from "../components/panel/textareaType";
 import type { PopsPromptDetails } from "../components/prompt/indexType";
 import { PopsRightClickMenuDetails } from "../components/rightClickMenu/indexType";
 import { PopsToolTipDetails } from "../components/tooltip/indexType";

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

@@ -1,3 +1,11 @@
+import type { PopsAlertDetails } from "../components/alert/indexType";
+import type { PopsDrawerDetails } from "../components/drawer/indexType";
+import type { PopsFolderDetails } from "../components/folder/indexType";
+import type { PopsIframeDetails } from "../components/iframe/indexType";
+import type { PopsLoadingDetails } from "../components/loading/indexType";
+import type { PopsPanelDetails } from "../components/panel/indexType";
+import type { PopsPromptDetails } from "../components/prompt/indexType";
+
 /**
  * 遮罩层配置
  */

package/package.json

@@ -1,8 +1,9 @@
 {
+  "$schema": "https://json.schemastore.org/package.json",
   "name": "@whitesev/pops",
-  "version": "2.1.2",
+  "version": "2.1.4",
+  "type": "module",
   "description": "弹窗库",
-  "$schema": "https://json.schemastore.org/package.json",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -35,18 +36,16 @@
   "author": "WhiteSev",
   "license": "MIT",
   "dependencies": {
-    "@rollup/plugin-commonjs": "^25.0.8",
-    "@rollup/plugin-node-resolve": "^15.3.1",
-    "@rollup/plugin-typescript": "^11.1.6",
     "any-touch": "^2.2.0",
-    "rollup-plugin-clear": "^2.0.7",
-    "tslib": "^2.8.1",
     "worker-timers": "^8.0.21"
   },
   "devDependencies": {
-    "rollup-plugin-import-css": "^3.5.8",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-serve": "^1.1.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "rollup-plugin-clear": "^2.0.7",
+    "rollup-plugin-import-css": "^4.0.1",
+    "tslib": "^2.8.1",
     "typescript": "^5.8.3"
   },
   "scripts": {

package/src/Pops.ts

@@ -36,7 +36,7 @@ class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2025.6.12",
+		version: "2025.6.25",
 		cssText: PopsCSS,
 		/** icon图标的svg代码 */
 		iconSVG: PopsIcon.$data,

package/src/components/folder/index.css

@@ -225,7 +225,7 @@ table.pops-folder-list-table__body {
 	vertical-align: middle;
 }
 .pops-folder-list .pops-folder-file-list-breadcrumb-primary {
-	flex: 0;
+	flex: 1;
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;