@whitesev/pops 1.0.0 → 1.1.0

package/{src → dist/types/src}/types/PopsDOMUtilsEventType.d.ts

@@ -1,8 +1,8 @@
-declare type PopsDOMUtilsEventObject<T extends Node> = Event & {
+export type PopsDOMUtilsEventObject<T extends Node> = Event & {
 	target: T;
 };
 
-declare type PopsDOMUtilsCreateElementAttributesMap = {
+export type PopsDOMUtilsCreateElementAttributesMap = {
 	style?: string;
 	id?: string;
 	class?: string;
@@ -15,7 +15,7 @@ declare type PopsDOMUtilsCreateElementAttributesMap = {
  * + https://blog.csdn.net/weixin_68658847/article/details/126939879
  */
 
-declare interface PopsDOMUtils_MouseEvent {
+export interface PopsDOMUtils_MouseEvent {
 	click: MouseEvent | PointerEvent;
 	contextmenu: MouseEvent | PointerEvent;
 	dblclick: MouseEvent | PointerEvent;
@@ -28,20 +28,20 @@ declare interface PopsDOMUtils_MouseEvent {
 	mouseup: MouseEvent | PointerEvent;
 	hover: MouseEvent;
 }
-declare type PopsDOMUtils_MouseEventType = keyof PopsDOMUtils_MouseEvent;
+export type PopsDOMUtils_MouseEventType = keyof PopsDOMUtils_MouseEvent;
 /**
  * 鼠标事件
  */
-declare interface PopsDOMUtils_KeyboardEvent {
+export interface PopsDOMUtils_KeyboardEvent {
 	keydown: KeyboardEvent;
 	keypress: KeyboardEvent;
 	keyup: KeyboardEvent;
 }
-declare type PopsDOMUtils_KeyboardEventType = keyof PopsDOMUtils_KeyboardEvent;
+export type PopsDOMUtils_KeyboardEventType = keyof PopsDOMUtils_KeyboardEvent;
 /**
  * 框架/对象事件
  */
-declare interface PopsDOMUtils_Frame_Object_Event {
+export interface PopsDOMUtils_Frame_Object_Event {
 	abort: Event;
 	beforeunload: Event;
 	error: Event;
@@ -53,12 +53,12 @@ declare interface PopsDOMUtils_Frame_Object_Event {
 	scroll: Event;
 	unload: Event;
 }
-declare type PopsDOMUtils_Frame_Object_EventType =
+export type PopsDOMUtils_Frame_Object_EventType =
 	keyof PopsDOMUtils_Frame_Object_Event;
 /**
  * 表单事件
  */
-declare interface PopsDOMUtils_FormEvent {
+export interface PopsDOMUtils_FormEvent {
 	blur: Event;
 	change: Event;
 	focus: Event;
@@ -68,32 +68,31 @@ declare interface PopsDOMUtils_FormEvent {
 	reset: Event;
 	search: Event;
 }
-declare type PopsDOMUtils_FormEventType = keyof PopsDOMUtils_FormEvent;
+export type PopsDOMUtils_FormEventType = keyof PopsDOMUtils_FormEvent;
 
 /**
  * 剪贴板事件
  */
-declare interface PopsDOMUtils_ClipboardEvent {
+export interface PopsDOMUtils_ClipboardEvent {
 	copy: ClipboardEvent;
 	cut: ClipboardEvent;
 	paste: ClipboardEvent;
 }
-declare type PopsDOMUtils_ClipboardEventType =
-	keyof PopsDOMUtils_ClipboardEvent;
+export type PopsDOMUtils_ClipboardEventType = keyof PopsDOMUtils_ClipboardEvent;
 
 /**
  * 打印事件
  */
-declare interface PopsDOMUtils_PrintEvent {
+export interface PopsDOMUtils_PrintEvent {
 	afterprint: Event;
 	beforeprint: Event;
 }
-declare type PopsDOMUtils_PrintEventType = keyof PopsDOMUtils_PrintEvent;
+export type PopsDOMUtils_PrintEventType = keyof PopsDOMUtils_PrintEvent;
 
 /**
  * 拖动事件
  */
-declare interface PopsDOMUtils_DragEvent {
+export interface PopsDOMUtils_DragEvent {
 	drag: DragEvent;
 	dragend: DragEvent;
 	dragenter: DragEvent;
@@ -102,12 +101,12 @@ declare interface PopsDOMUtils_DragEvent {
 	dragstart: DragEvent;
 	drop: DragEvent;
 }
-declare type PopsDOMUtils_DragEventType = keyof PopsDOMUtils_DragEvent;
+export type PopsDOMUtils_DragEventType = keyof PopsDOMUtils_DragEvent;
 
 /**
  * 多媒体（Media）事件
  */
-declare interface PopsDOMUtils_MediaEvent {
+export interface PopsDOMUtils_MediaEvent {
 	abort: Event;
 	canplay: Event;
 	canplaythrough: Event;
@@ -131,32 +130,31 @@ declare interface PopsDOMUtils_MediaEvent {
 	volumechange: Event;
 	waiting: Event;
 }
-declare type PopsDOMUtils_MediaEventType = keyof PopsDOMUtils_MediaEvent;
+export type PopsDOMUtils_MediaEventType = keyof PopsDOMUtils_MediaEvent;
 
 /**
  * 动画事件
  */
-declare interface PopsDOMUtils_AnimationEvent {
+export interface PopsDOMUtils_AnimationEvent {
 	animationend: AnimationEvent;
 	animationiteration: AnimationEvent;
 	animationstart: AnimationEvent;
 }
-declare type PopsDOMUtils_AnimationEventType =
-	keyof PopsDOMUtils_AnimationEvent;
+export type PopsDOMUtils_AnimationEventType = keyof PopsDOMUtils_AnimationEvent;
 
 /**
  * 过渡事件
  */
-declare interface PopsDOMUtils_TransitionEvent {
+export interface PopsDOMUtils_TransitionEvent {
 	transitionend: TransitionEvent;
 }
-declare type PopsDOMUtils_TransitionEventType =
+export type PopsDOMUtils_TransitionEventType =
 	keyof PopsDOMUtils_TransitionEvent;
 
 /**
  * 触摸事件
  */
-declare interface PopsDOMUtils_TouchEvent {
+export interface PopsDOMUtils_TouchEvent {
 	touchstart: TouchEvent;
 	touchmove: TouchEvent;
 	touchend: TouchEvent;
@@ -164,11 +162,11 @@ declare interface PopsDOMUtils_TouchEvent {
 	touchenter: TouchEvent;
 	touchleave: TouchEvent;
 }
-declare type PopsDOMUtils_TouchEventType = keyof PopsDOMUtils_TouchEvent;
+export type PopsDOMUtils_TouchEventType = keyof PopsDOMUtils_TouchEvent;
 /**
  * 其它事件
  */
-declare interface PopsDOMUtils_OtherEvent {
+export interface PopsDOMUtils_OtherEvent {
 	message: Event;
 	online: Event;
 	offline: Event;
@@ -181,12 +179,12 @@ declare interface PopsDOMUtils_OtherEvent {
 	fullscreenchange: Event;
 	DOMContentLoaded: Event;
 }
-declare type PopsDOMUtils_OtherEventType = keyof PopsDOMUtils_OtherEvent;
+export type PopsDOMUtils_OtherEventType = keyof PopsDOMUtils_OtherEvent;
 
 /**
  * 全部事件
  */
-declare type PopsDOMUtils_Event = PopsDOMUtils_MouseEvent &
+export type PopsDOMUtils_Event = PopsDOMUtils_MouseEvent &
 	PopsDOMUtils_KeyboardEvent &
 	PopsDOMUtils_Frame_Object_Event &
 	PopsDOMUtils_FormEvent &
@@ -202,12 +200,12 @@ declare type PopsDOMUtils_Event = PopsDOMUtils_MouseEvent &
 /**
  * 事件类型
  */
-declare type PopsDOMUtils_EventType = keyof PopsDOMUtils_Event;
+export type PopsDOMUtils_EventType = keyof PopsDOMUtils_Event;
 
 /**
  * 元素上的events属性
  */
-declare interface PopsDOMUtilsEventListenerOptionsAttribute {
+export interface PopsDOMUtilsEventListenerOptionsAttribute {
 	/**
 	 * 自定义的ownCallBack
 	 */
@@ -226,7 +224,7 @@ declare interface PopsDOMUtilsEventListenerOptionsAttribute {
 	selector?: string;
 }
 
-declare type PopsDOMUtilsElementEventType =
+export type PopsDOMUtilsElementEventType =
 	| HTMLElement
 	| string
 	| NodeList
@@ -241,7 +239,7 @@ declare type PopsDOMUtilsElementEventType =
 	| ChildNode
 	| Node;
 
-declare type ParseHTMLReturnType<T1, T2> = T1 extends true
+export type ParseHTMLReturnType<T1, T2> = T1 extends true
 	? T2 extends true
 		? Document
 		: HTMLElement

package/{src → dist/types/src}/types/animation.d.ts

@@ -1,7 +1,7 @@
 /**
  * 动画
  */
-declare type PopsAnimation =
+export type PopsAnimation =
 	| "pops-anim-spread"
 	| "pops-anim-shake"
 	| "pops-anim-rolling-left"

package/{src → dist/types/src}/types/button.d.ts

@@ -4,11 +4,11 @@ import type { PopsIcon } from "./icon";
 /**
  * 按钮类型
  */
-declare type PopsButtonType = "close" | "ok" | "cancel" | "other";
+export type PopsButtonType = "close" | "ok" | "cancel" | "other";
 /**
  * 按钮样式类型
  */
-declare type PopsButtonStyleType =
+export type PopsButtonStyleType =
 	| "default"
 	| "primary"
 	| "xiaomi-primary"
@@ -20,12 +20,12 @@ declare type PopsButtonStyleType =
 /**
  * 按钮大小
  */
-declare type PopsButtonSize = "large" | "small";
+export type PopsButtonSize = "large" | "small";
 
 /**
  * 按钮的点击回调参数event
  */
-declare interface PopsBtnCallBackEvent {
+export interface PopsBtnCallBackEvent {
 	/**
 	 * 元素
 	 */
@@ -71,7 +71,7 @@ declare interface PopsBtnCallBackEvent {
 /**
  * 按钮配置
  */
-declare interface PopsButtonDetails {
+export interface PopsButtonDetails<T = {}> {
 	/**
 	 * 是否启用按钮
 	 */
@@ -104,7 +104,7 @@ declare interface PopsButtonDetails {
 	 * 按钮点击的回调
 	 */
 	callback(
-		eventDetails: PopsHandlerEventDetails,
+		eventDetails: PopsHandlerEventDetails & T,
 		event: PointerEvent | MouseEvent
 	): void;
 }
@@ -112,7 +112,7 @@ declare interface PopsButtonDetails {
 /**
  * 按钮配置（匹配任意类型）
  */
-declare interface PopsButtonDetailsAnyType {
+export interface PopsButtonDetailsAnyType<T = {}> {
 	/**
 	 * 是否启用按钮
 	 */
@@ -145,14 +145,24 @@ declare interface PopsButtonDetailsAnyType {
 	 * 按钮点击的回调
 	 */
 	callback(
-		eventDetails: PopsHandlerEventDetails,
+		eventDetails: PopsHandlerEventDetails & T,
+		event: PointerEvent | MouseEvent
+	): void;
+}
+
+/** prompt的点击回调 */
+export interface PopsPromptButtonDetails extends PopsButtonDetails {
+	callback(
+		eventDetails: PopsHandlerEventDetails & {
+			text: string;
+		},
 		event: PointerEvent | MouseEvent
 	): void;
 }
 /**
  * 右上角关闭按钮点击回调的配置
  */
-declare interface PopsHeaderCloseButtonClickCallBackEvent {
+export interface PopsHeaderCloseButtonClickCallBackEvent {
 	/**
 	 * 动画元素（包裹着弹窗元素）
 	 */
@@ -164,7 +174,7 @@ declare interface PopsHeaderCloseButtonClickCallBackEvent {
 	/**
 	 * 按钮调用类型
 	 */
-	type: PopsButtonType;
+	type: string;
 	/**
 	 * 唯一id
 	 */
@@ -189,7 +199,7 @@ declare interface PopsHeaderCloseButtonClickCallBackEvent {
 /**
  * 顶部关闭按钮配置
  */
-declare interface PopsHeaderCloseButtonDetails {
+export interface PopsHeaderCloseButtonDetails {
 	/**
 	 * 是否启用按钮
 	 */

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

@@ -14,7 +14,7 @@ import type { PopsMaskDetails } from "./mask";
 /**
  * 标题配置
  */
-declare interface PopsTitleConfig {
+export interface PopsTitleConfig {
 	title: {
 		/**
 		 * 标题文字
@@ -38,7 +38,7 @@ declare interface PopsTitleConfig {
 /**
  * 内容配置
  */
-declare interface PopsContentConfig {
+export interface PopsContentConfig {
 	content: {
 		/**
 		 * 内容文字
@@ -57,7 +57,7 @@ declare interface PopsContentConfig {
 /**
  * 按钮配置
  */
-declare interface PopsButtonConfig {
+export interface PopsButtonConfig {
 	btn?: {
 		/**
 		 * 按钮的位置，默认left
@@ -72,7 +72,7 @@ declare interface PopsButtonConfig {
 /**
  * 按钮的其它配置
  */
-declare interface PopsMoreButtonConfig {
+export interface PopsMoreButtonConfig<T = {}> {
 	btn?: PopsButtonConfig["btn"] & {
 		/**
 		 * 是否合并按钮
@@ -89,21 +89,21 @@ declare interface PopsMoreButtonConfig {
 		/**
 		 * 确定按钮
 		 */
-		ok?: Partial<PopsButtonDetails | PopsButtonDetailsAnyType>;
+		ok?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
 		/**
 		 * 取消按钮
 		 */
-		cancel?: Partial<PopsButtonDetails | PopsButtonDetailsAnyType>;
+		cancel?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
 		/**
 		 * 其他按钮
 		 */
-		other?: Partial<PopsButtonDetails | PopsButtonDetailsAnyType>;
+		other?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
 	};
 }
 /**
  * 拖拽(标题栏)的配置
  */
-declare interface PopsDragConfig {
+export interface PopsDragConfig {
 	/**
 	 *  是否可以按钮标题栏进行拖拽，默认false
 	 */
@@ -142,7 +142,7 @@ declare interface PopsDragConfig {
 /**
  * 通用配置
  */
-declare interface PopsCommonConfig {
+export interface PopsCommonConfig {
 	/**
 	 * 自定义的className，默认为空
 	 */

package/{src → dist/types/src}/types/event.d.ts

@@ -1,7 +1,9 @@
+import type { PopsIframeDetails } from "../components/iframe/indexType";
+
 /**
  * 事件配置
  */
-declare interface PopsIframeEventDetails {
+export interface PopsIframeEventDetails {
 	/**
 	 * 唯一id
 	 */
@@ -25,12 +27,12 @@ declare interface PopsIframeEventDetails {
 	/**
 	 * 当前配置
 	 */
-	config: any;
+	config: PopsIframeDetails;
 }
 /**
  * 事件配置
  */
-declare interface PopsEventDetails {
+export interface PopsEventDetails {
 	/** 最外层包裹的元素 */
 	$shadowContainer: HTMLDivElement;
 	/** ShadowRoot */
@@ -54,7 +56,7 @@ declare interface PopsEventDetails {
 /**
  * 处理过的事件配置
  */
-declare interface PopsHandlerEventDetails extends PopsEventDetails {
+export interface PopsHandlerEventDetails extends PopsEventDetails {
 	/** 当前按钮类型 */
 	type: "cancel" | "close" | "ok" | "other";
 }

package/{src → dist/types/src}/types/icon.d.ts

@@ -27,4 +27,6 @@ export type PopsIcon =
 	| "circleClose"
 	| "view"
 	| "hide"
-	| "keyboard";
+	| "keyboard"
+	| "arrowRight"
+	| "arrowLeft";

package/{src → dist/types/src}/types/layer.d.ts

@@ -1,7 +1,7 @@
 /**
  * config内存储饿实例配置
  */
-declare interface PopsLayerConfig {
+export interface PopsLayerConfig {
 	/** 固定id */
 	guid: string;
 	/** 动画元素 */
@@ -12,7 +12,7 @@ declare interface PopsLayerConfig {
 	maskElement?: HTMLDivElement;
 }
 
-declare interface PopsLayerCommonConfig extends PopsLayerConfig {
+export interface PopsLayerCommonConfig extends PopsLayerConfig {
 	/** shadow容器 */
 	$shadowContainer: HTMLDivElement;
 	/** shadow容器的shandowRoot */

package/{src → dist/types/src}/types/main.d.ts

@@ -1,18 +1,18 @@
-import type { PopsAlertDetails } from "../components/alert/types";
-import type { PopsConfirmDetails } from "../components/confirm/types";
-import type { PopsDrawerDetails } from "../components/drawer/types";
-import type { PopsFolderDetails } from "../components/folder/types";
-import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsLoadingDetails } from "../components/loading/types";
-import type { PopsPanelDetails } from "../components/panel/types";
-import type { PopsPromptDetails } from "../components/prompt/types";
+import type { PopsAlertDetails } from "../components/alert/indexType";
+import type { PopsConfirmDetails } from "../components/confirm/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";
 
-declare interface PopsUtilsOwnObject<V extends any> {
+export interface PopsUtilsOwnObject<V extends any> {
 	[key: string]: V | PopsUtilsOwnObject<V>;
 }
 
 /** pops的类型 8个 */
-declare type PopsType =
+export type PopsType =
 	| "alert"
 	| "confirm"
 	| "prompt"
@@ -25,13 +25,13 @@ declare type PopsType =
 // | "rightClickMenu";
 
 /** pops所有的类型 10个 */
-declare type PopsMode = PopsType | "tooltip" | "rightClickMenu";
+export type PopsMode = PopsType | "tooltip" | "rightClickMenu";
 
 /** 存储实例的类型 9个 */
-declare type PopsLayerMode = PopsType | "tooltip";
+export type PopsLayerMode = PopsType | "tooltip";
 
 /** pops弹窗支持动画元素的配置 */
-declare interface PopsSupportAnim {
+export interface PopsSupportAnim {
 	alert: PopsAlertDetails;
 	confirm: PopsConfirmDetails;
 	prompt: PopsPromptDetails;
@@ -42,10 +42,10 @@ declare interface PopsSupportAnim {
 	panel: PopsPanelDetails;
 }
 /** pops弹窗支持动画元素的类型 */
-declare type PopsTypeSupportAnim = keyof PopsSupportAnim;
+export type PopsTypeSupportAnim = keyof PopsSupportAnim;
 
 /** pops弹窗支持标题栏的配置 */
-declare interface PopsSupportHeaderTitle {
+export interface PopsSupportHeaderTitle {
 	alert: PopsAlertDetails;
 	confirm: PopsConfirmDetails;
 	prompt: PopsPromptDetails;
@@ -55,30 +55,31 @@ declare interface PopsSupportHeaderTitle {
 	panel: PopsPanelDetails;
 }
 /** pops弹窗支持标题栏的类型 */
-declare type PopsTypeSupportHeaderTitle = keyof PopsSupportHeaderTitle;
+export type PopsTypeSupportHeaderTitle = keyof PopsSupportHeaderTitle;
 
 /** pops支持底部按钮的配置 */
-declare interface PopsSupportBottomBtn {
+export interface PopsSupportBottomBtn {
 	alert: PopsAlertDetails;
 	confirm: PopsConfirmDetails;
 	prompt: PopsPromptDetails;
 	drawer: PopsDrawerDetails;
 }
 /** pops支持底部按钮的类型 */
-declare type PopsTypeSupportBottomBtn = keyof PopsSupportHeaderTitle;
+export type PopsTypeSupportBottomBtn = keyof PopsSupportHeaderTitle;
 
 /** pops支持中间内容的配置 */
-declare interface PopsSupportContent {
+export interface PopsSupportContent {
 	alert: PopsAlertDetails;
 	confirm: PopsConfirmDetails;
 	prompt: PopsPromptDetails;
 	drawer: PopsDrawerDetails;
+	loading: PopsLoadingDetails;
 }
 /** pops支持中间内容的类型 */
-declare type PopsTypeSupportContent = keyof PopsSupportHeaderTitle;
+export type PopsTypeSupportContent = keyof PopsSupportContent;
 
 /** panel的各种类型的配置项 */
-declare type PopsPanelFormsTotalDetails =
+export type PopsPanelFormsTotalDetails =
 	| PopsPanelSwitchDetails
 	| PopsPanelSliderDetails
 	| PopsPanelInputDetails

package/{src → dist/types/src}/types/mask.d.ts

@@ -1,7 +1,7 @@
 /**
  * 遮罩层配置
  */
-declare interface PopsMaskDetails {
+export interface PopsMaskDetails {
 	/**
 	 * 是否启用遮罩层，默认false
 	 */

package/{src → dist/types/src}/types/position.d.ts

@@ -1,7 +1,7 @@
 /**
  * 弹窗位置
  */
-declare type PopsPosition =
+export type PopsPosition =
 	| "top_left"
 	| "top"
 	| "top_right"
@@ -15,7 +15,7 @@ declare type PopsPosition =
 /**
  * 按钮位置
  */
-declare type PopsJustifyContent =
+export type PopsJustifyContent =
 	| "center"
 	| "end"
 	| "flex-end"
@@ -37,7 +37,7 @@ declare type PopsJustifyContent =
 /**
  * text-align
  */
-declare type PopsTextAlign =
+export type PopsTextAlign =
 	| "center"
 	| "end"
 	| "justify"