@whitesev/pops 2.2.8 → 2.2.9

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

@@ -1,229 +1,213 @@
-import type { PopsAnimation } from "./animation";
-import type {
-	PopsPosition,
-	PopsTextAlign,
-	PopsJustifyContent,
-} from "./position";
-import type {
-	PopsButtonDetails,
-	PopsButtonDetailsAnyType,
-	PopsHeaderCloseButtonDetails,
-} from "./button";
-import type { PopsMaskDetails } from "./mask";
-
-/**
- * 标题配置
- */
-export interface PopsTitleConfig {
-	title: {
-		/**
-		 * 标题文字
-		 */
-		text?: string;
-		/**
-		 * 标题文字的位置
-		 * @default "left"
-		 */
-		position?: PopsTextAlign;
-		/**
-		 * 标题文字是否是html
-		 * @default false
-		 */
-		html?: boolean;
-		/**
-		 * 自定义CSS
-		 */
-		style?: string;
-	};
-}
-
-/**
- * 内容配置
- */
-export interface PopsContentConfig {
-	content: {
-		/**
-		 * 内容文字
-		 */
-		text?: string;
-		/**
-		 * 内容文字是否是html
-		 * @default false
-		 */
-		html?: boolean;
-		/**
-		 * 自定义CSS
-		 */
-		style?: string;
-	};
-}
-/**
- * 按钮配置
- */
-export interface PopsButtonConfig {
-	btn?: {
-		/**
-		 * 按钮的位置
-		 * @default "flex-end"
-		 */
-		position?: PopsJustifyContent;
-		/**
-		 * 右上角的关闭按钮
-		 */
-		close?: PopsHeaderCloseButtonDetails;
-	};
-}
-/**
- * 按钮的其它配置
- */
-export interface PopsMoreButtonConfig<T = {}> {
-	btn?: PopsButtonConfig["btn"] & {
-		/**
-		 * 是否合并按钮
-		 * @default false
-		 */
-		merge?: boolean;
-		/**
-		 * 是否对合并的按钮逆反
-		 * @default false
-		 */
-		mergeReverse?: boolean;
-		/**
-		 * 是否逆反
-		 * @default false
-		 */
-		reverse?: boolean;
-		/**
-		 * 确定按钮
-		 */
-		ok?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
-		/**
-		 * 取消按钮
-		 */
-		cancel?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
-		/**
-		 * 其他按钮
-		 */
-		other?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
-	};
-}
-/**
- * 拖拽(标题栏)的配置
- */
-export interface PopsDragConfig {
-	/**
-	 *  是否可以按钮标题栏进行拖拽，默认false
-	 * @default false
-	 */
-	drag?: boolean;
-	/**
-	 * 是否限制拖拽在浏览器窗口内移动，默认true
-	 * @default true
-	 */
-	dragLimit?: boolean;
-	/**
-	 * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
-	 * @default 3
-	 */
-	dragExtraDistance?: number;
-	/**
-	 * （可选）拖动中的回调
-	 * @param moveElement 当前拖动的元素
-	 * @param left 当前left值
-	 * @param top 当前的top值
-	 */
-	dragMoveCallBack?: (
-		moveElement: HTMLElement,
-		left: number,
-		top: number
-	) => void;
-	/**
-	 * （可选）拖动结束的回调
-	 * @param moveElement 当前拖动的元素
-	 * @param left 当前left值
-	 * @param top 当前的top值
-	 */
-	dragEndCallBack?: (
-		moveElement: HTMLElement,
-		left: number,
-		top: number
-	) => void;
-}
-/**
- * 通用配置
- */
-export interface PopsCommonConfig {
-	/**
-	 * 是否使用shadowRoot
-	 *
-	 * @default true
-	 */
-	useShadowRoot?: boolean;
-	/**
-	 * 自定义的className
-	 *
-	 * @default ""
-	 */
-	class?: string;
-	/**
-	 * 是否是唯一的
-	 *
-	 * @default false
-	 */
-	only?: boolean;
-	/**
-	 *  宽度
-	 *
-	 * @default "350px"
-	 */
-	width: string;
-	/**
-	 *  高度
-	 *
-	 * @default "200px"
-	 */
-	height: string;
-	/**
-	 * 位置
-	 *
-	 * @default "center"
-	 */
-	position?: PopsPosition;
-	/**
-	 * 动画
-	 *
-	 * @default "pops-anim-fadein-zoom"
-	 */
-	animation?: PopsAnimation;
-	/**
-	 * z-index显示层级
-	 *
-	 * @default 10000
-	 */
-	zIndex?: number | (() => number);
-	/**
-	 * 遮罩层
-	 */
-	mask?: PopsMaskDetails;
-	/**
-	 * 是否禁用页面滚动
-	 *
-	 * 暂时不会生效
-	 *
-	 * @default false
-	 */
-	forbiddenScroll?: boolean;
-	/**
-	 * （可选）自定义style
-	 */
-	style?: string | null;
-	/**
-	 * 在元素添加到页面前的事件
-	 * @param $shadowRoot 根元素
-	 * @param $shadowContainer 容器
-	 */
-	beforeAppendToPageCallBack?: (
-		$shadowRoot: ShadowRoot | HTMLElement,
-		$shadowContainer: HTMLDivElement
-	) => void;
-}
+import type { PopsAnimation } from "./animation";
+import type { PopsPosition, PopsTextAlign, PopsJustifyContent } from "./position";
+import type { PopsButtonDetails, PopsButtonDetailsAnyType, PopsHeaderCloseButtonDetails } from "./button";
+import type { PopsMaskDetails } from "./mask";
+
+/**
+ * 标题配置
+ */
+export interface PopsTitleConfig {
+	title: {
+		/**
+		 * 标题文字
+		 */
+		text?: string;
+		/**
+		 * 标题文字的位置
+		 * @default "left"
+		 */
+		position?: PopsTextAlign;
+		/**
+		 * 标题文字是否是html
+		 * @default false
+		 */
+		html?: boolean;
+		/**
+		 * 自定义CSS
+		 */
+		style?: string;
+	};
+}
+
+/**
+ * 内容配置
+ */
+export interface PopsContentConfig {
+	content: {
+		/**
+		 * 内容文字
+		 */
+		text?: string;
+		/**
+		 * 内容文字是否是html
+		 * @default false
+		 */
+		html?: boolean;
+		/**
+		 * 自定义CSS
+		 */
+		style?: string;
+	};
+}
+/**
+ * 按钮配置
+ */
+export interface PopsButtonConfig {
+	btn?: {
+		/**
+		 * 按钮的位置
+		 * @default "flex-end"
+		 */
+		position?: PopsJustifyContent;
+		/**
+		 * 右上角的关闭按钮
+		 */
+		close?: PopsHeaderCloseButtonDetails;
+	};
+}
+/**
+ * 按钮的其它配置
+ */
+export interface PopsMoreButtonConfig<T = {}> {
+	btn?: PopsButtonConfig["btn"] & {
+		/**
+		 * 是否合并按钮
+		 * @default false
+		 */
+		merge?: boolean;
+		/**
+		 * 是否对合并的按钮逆反
+		 * @default false
+		 */
+		mergeReverse?: boolean;
+		/**
+		 * 是否逆反
+		 * @default false
+		 */
+		reverse?: boolean;
+		/**
+		 * 确定按钮
+		 */
+		ok?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+		/**
+		 * 取消按钮
+		 */
+		cancel?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+		/**
+		 * 其他按钮
+		 */
+		other?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+	};
+}
+/**
+ * 拖拽(标题栏)的配置
+ */
+export interface PopsDragConfig {
+	/**
+	 *  是否可以按钮标题栏进行拖拽，默认false
+	 * @default false
+	 */
+	drag?: boolean;
+	/**
+	 * 是否限制拖拽在浏览器窗口内移动，默认true
+	 * @default true
+	 */
+	dragLimit?: boolean;
+	/**
+	 * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
+	 * @default 3
+	 */
+	dragExtraDistance?: number;
+	/**
+	 * （可选）拖动中的回调
+	 * @param moveElement 当前拖动的元素
+	 * @param left 当前left值
+	 * @param top 当前的top值
+	 */
+	dragMoveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+	/**
+	 * （可选）拖动结束的回调
+	 * @param moveElement 当前拖动的元素
+	 * @param left 当前left值
+	 * @param top 当前的top值
+	 */
+	dragEndCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+}
+/**
+ * 通用配置
+ */
+export interface PopsCommonConfig {
+	/**
+	 * 是否使用shadowRoot
+	 *
+	 * @default true
+	 */
+	useShadowRoot?: boolean;
+	/**
+	 * 自定义的className
+	 *
+	 * @default ""
+	 */
+	class?: string;
+	/**
+	 * 是否是唯一的
+	 *
+	 * @default false
+	 */
+	only?: boolean;
+	/**
+	 *  宽度
+	 *
+	 * @default "350px"
+	 */
+	width: string;
+	/**
+	 *  高度
+	 *
+	 * @default "200px"
+	 */
+	height: string;
+	/**
+	 * 位置
+	 *
+	 * @default "center"
+	 */
+	position?: PopsPosition;
+	/**
+	 * 动画
+	 *
+	 * @default "pops-anim-fadein-zoom"
+	 */
+	animation?: PopsAnimation;
+	/**
+	 * z-index显示层级
+	 *
+	 * @default 10000
+	 */
+	zIndex?: number | (() => number);
+	/**
+	 * 遮罩层
+	 */
+	mask?: PopsMaskDetails;
+	/**
+	 * 是否禁用页面滚动
+	 *
+	 * 暂时不会生效
+	 *
+	 * @default false
+	 */
+	forbiddenScroll?: boolean;
+	/**
+	 * （可选）自定义style
+	 */
+	style?: string | null;
+	/**
+	 * 在元素添加到页面前的事件
+	 * @param $shadowRoot 根元素
+	 * @param $shadowContainer 容器
+	 */
+	beforeAppendToPageCallBack?: (
+		$shadowRoot: ShadowRoot | HTMLElement,
+		$shadowContainer: HTMLDivElement
+	) => void;
+}

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

@@ -1,63 +1,63 @@
-import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsType } from "./main";
-
-/**
- * 事件配置
- */
-export interface PopsIframeEventDetails {
-	/**
-	 * 唯一id
-	 */
-	guid: string;
-	/**
-	 * 当前弹窗类型
-	 */
-	mode: PopsType;
-	/**
-	 * 动画层
-	 */
-	animElement: HTMLElement;
-	/**
-	 * 主元素
-	 */
-	popsElement: HTMLElement;
-	/**
-	 * 遮罩层
-	 */
-	maskElement: HTMLElement;
-	/**
-	 * 当前配置
-	 */
-	config: PopsIframeDetails;
-}
-/**
- * 事件配置
- */
-export interface PopsEventDetails {
-	/** 最外层包裹的元素 */
-	$shadowContainer: HTMLDivElement;
-	/** ShadowRoot */
-	$shadowRoot: ShadowRoot | HTMLElement;
-	/** -> 动画层 */
-	element: HTMLDivElement;
-	/** 动画层 */
-	animElement: HTMLDivElement;
-	/** 主元素 */
-	popsElement: HTMLDivElement;
-	/** 遮罩层 */
-	maskElement?: HTMLDivElement;
-	/** 当前弹窗类型 */
-	mode: PopsType;
-	guid: string;
-	close: () => Promise<void>;
-	hide: () => Promise<void>;
-	show: () => Promise<void>;
-}
-
-/**
- * 处理过的事件配置
- */
-export interface PopsHandlerEventDetails extends PopsEventDetails {
-	/** 当前按钮类型 */
-	type: "cancel" | "close" | "ok" | "other";
-}
+import type { PopsIframeDetails } from "../components/iframe/types";
+import type { PopsType } from "./main";
+
+/**
+ * 事件配置
+ */
+export interface PopsIframeEventDetails {
+	/**
+	 * 唯一id
+	 */
+	guid: string;
+	/**
+	 * 当前弹窗类型
+	 */
+	mode: PopsType;
+	/**
+	 * 动画层
+	 */
+	animElement: HTMLElement;
+	/**
+	 * 主元素
+	 */
+	popsElement: HTMLElement;
+	/**
+	 * 遮罩层
+	 */
+	maskElement: HTMLElement;
+	/**
+	 * 当前配置
+	 */
+	config: PopsIframeDetails;
+}
+/**
+ * 事件配置
+ */
+export interface PopsEventDetails {
+	/** 最外层包裹的元素 */
+	$shadowContainer: HTMLDivElement;
+	/** ShadowRoot */
+	$shadowRoot: ShadowRoot | HTMLElement;
+	/** -> 动画层 */
+	element: HTMLDivElement;
+	/** 动画层 */
+	animElement: HTMLDivElement;
+	/** 主元素 */
+	popsElement: HTMLDivElement;
+	/** 遮罩层 */
+	maskElement?: HTMLDivElement;
+	/** 当前弹窗类型 */
+	mode: PopsType;
+	guid: string;
+	close: () => Promise<void>;
+	hide: () => Promise<void>;
+	show: () => Promise<void>;
+}
+
+/**
+ * 处理过的事件配置
+ */
+export interface PopsHandlerEventDetails extends PopsEventDetails {
+	/** 当前按钮类型 */
+	type: "cancel" | "close" | "ok" | "other";
+}

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

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

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

@@ -1,32 +1,32 @@
-/**
- * 按钮svg图标
- */
-export type PopsIconType =
-	| "min"
-	| "mise"
-	| "max"
-	| "close"
-	| "edit"
-	| "share"
-	| "delete"
-	| "search"
-	| "upload"
-	| "loading"
-	| "next"
-	| "prev"
-	| "eleme"
-	| "elemePlus"
-	| "chromeFilled"
-	| "cpu"
-	| "videoPlay"
-	| "videoPause"
-	| "headset"
-	| "monitor"
-	| "documentCopy"
-	| "picture"
-	| "circleClose"
-	| "view"
-	| "hide"
-	| "keyboard"
-	| "arrowRight"
-	| "arrowLeft";
+/**
+ * 按钮svg图标
+ */
+export type PopsIconType =
+	| "min"
+	| "mise"
+	| "max"
+	| "close"
+	| "edit"
+	| "share"
+	| "delete"
+	| "search"
+	| "upload"
+	| "loading"
+	| "next"
+	| "prev"
+	| "eleme"
+	| "elemePlus"
+	| "chromeFilled"
+	| "cpu"
+	| "videoPlay"
+	| "videoPause"
+	| "headset"
+	| "monitor"
+	| "documentCopy"
+	| "picture"
+	| "circleClose"
+	| "view"
+	| "hide"
+	| "keyboard"
+	| "arrowRight"
+	| "arrowLeft";