@whitesev/pops 2.1.3 → 2.1.4

package/src/components/panel/index.ts

@@ -3,7 +3,7 @@ import { PopsHandler } from "../../handler/PopsHandler";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
-import type { PopsPanelDetails } from "./indexType";
+import type { PopsPanelDetails, PopsPanelEventType } from "./indexType";
 import { PopsPanelConfig } from "./config";
 import { PanelHandleContentDetails } from "./PanelHandleContentDetails";
 import { GlobalConfig } from "../../GlobalConfig";
@@ -142,6 +142,7 @@ export const PopsPanel = {
 		panelHandleContentDetails.init({
 			config: config,
 			$el: {
+				$pops: $pops,
 				$content: $content,
 				$contentAside: $contentAside,
 				$contentSectionContainer: $contentSectionContainer,
@@ -167,6 +168,23 @@ export const PopsPanel = {
 			});
 		}
 		let result = PopsHandler.handleResultDetails(eventDetails);
-		return result;
+
+		return {
+			...result,
+			addEventListener: <K extends keyof PopsPanelEventType>(
+				event: K,
+				listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void,
+				options?: boolean | EventListenerOptions
+			) => {
+				$pops.addEventListener(event, listener as any, options);
+			},
+			removeEventListener: <K extends keyof PopsPanelEventType>(
+				event: K,
+				listener: (evt: CustomEvent<PopsPanelEventType[K]>) => void,
+				options?: boolean | EventListenerOptions
+			) => {
+				$pops.removeEventListener(event, listener as any, options);
+			},
+		};
 	},
 };

package/src/components/panel/indexType.ts

@@ -26,6 +26,22 @@ export type PopsPanelFormsTotalDetails =
 	| PopsPanelButtonDetails
 	| PopsPanelDeepMenuDetails
 	| PopsPanelOwnDetails;
+
+/**
+ * panel的内部事件
+ */
+export type PopsPanelEventType = {
+	/**
+	 * 该事件在右侧容器内的元素改变时触发
+	 */
+	"pops:renderRightContainer": {
+		/**
+		 * 菜单配置
+		 */
+		formConfig: PopsPanelContentConfig[] | PopsPanelDeepMenuDetails;
+	};
+};
+
 /**
  * pops.panel的content配置信息
  */

package/src/types/PopsDOMUtilsEventType.d.ts

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

package/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/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/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/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/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/src/utils/PopsUtils.ts

@@ -38,10 +38,7 @@ class PopsUtils {
 		if (target === PopsCore.self) {
 			return true;
 		}
-		if (
-			typeof (unsafeWindow as any) !== "undefined" &&
-			target === (unsafeWindow as any)
-		) {
+		if (typeof unsafeWindow !== "undefined" && target === unsafeWindow) {
 			return true;
 		}
 		if (target?.Math?.toString() !== "[object Math]") {