@whitesev/pops 1.9.0 → 1.9.2

package/src/types/components.d.ts

@@ -154,36 +154,50 @@ export interface PopsDragConfig {
  */
 export interface PopsCommonConfig {
 	/**
-	 * 自定义的className，默认为空
+	 * 是否使用shadowRoot
+	 *
+	 * @default true
+	 */
+	useShadowRoot?: boolean;
+	/**
+	 * 自定义的className
+	 *
+	 * @default ""
 	 */
 	class?: string;
 	/**
-	 * 是否是唯一的，默认false
+	 * 是否是唯一的
+	 *
 	 * @default false
 	 */
 	only?: boolean;
 	/**
-	 *  宽度，默认350px
-	 * @default 350
+	 *  宽度
+	 *
+	 * @default "350px"
 	 */
 	width: string;
 	/**
-	 *  高度，默认200px
-	 * @default 200
+	 *  高度
+	 *
+	 * @default "200px"
 	 */
 	height: string;
 	/**
-	 * 位置，默认center
+	 * 位置
+	 *
 	 * @default "center"
 	 */
 	position?: PopsPosition;
 	/**
-	 * 动画，默认pops-anim-fadein-zoom
+	 * 动画
+	 *
 	 * @default "pops-anim-fadein-zoom"
 	 */
 	animation?: PopsAnimation;
 	/**
-	 * z-index显示层级，默认10000
+	 * z-index显示层级
+	 *
 	 * @default 10000
 	 */
 	zIndex?: number | (() => number);
@@ -192,9 +206,10 @@ export interface PopsCommonConfig {
 	 */
 	mask?: PopsMaskDetails;
 	/**
-	 * 是否禁用页面滚动，默认false
+	 * 是否禁用页面滚动
 	 *
 	 * 暂时不会生效
+	 *
 	 * @default false
 	 */
 	forbiddenScroll?: boolean;
@@ -208,7 +223,7 @@ export interface PopsCommonConfig {
 	 * @param $shadowContainer 容器
 	 */
 	beforeAppendToPageCallBack?: (
-		$shadowRoot: ShadowRoot,
+		$shadowRoot: ShadowRoot | HTMLElement,
 		$shadowContainer: HTMLDivElement
 	) => void;
 }

package/src/types/event.d.ts

@@ -36,7 +36,7 @@ export interface PopsEventDetails {
 	/** 最外层包裹的元素 */
 	$shadowContainer: HTMLDivElement;
 	/** ShadowRoot */
-	$shadowRoot: ShadowRoot;
+	$shadowRoot: ShadowRoot | HTMLElement;
 	/** -> 动画层 */
 	element: HTMLDivElement;
 	/** 动画层 */

package/src/types/global.d.ts

@@ -9,3 +9,12 @@ declare module "*.svg" {
 	const content: string;
 	export default content;
 }
+type DeepRequired<T> = T extends Function
+	? T
+	: T extends object
+	? T extends Node
+		? T
+		: {
+				[K in keyof T]-?: DeepRequired<T[K]>;
+		  }
+	: T;

package/src/types/layer.d.ts

@@ -16,7 +16,7 @@ export interface PopsLayerCommonConfig extends PopsLayerConfig {
 	/** shadow容器 */
 	$shadowContainer: HTMLDivElement;
 	/** shadow容器的shandowRoot */
-	$shadowRoot: ShadowRoot;
+	$shadowRoot: ShadowRoot | HTMLElement;
 	/** 移除实例前的回调函数 */
 	beforeRemoveCallBack?: (layerCommonConfig: PopsLayerCommonConfig) => void;
 }

package/src/types/mask.d.ts

@@ -24,15 +24,18 @@ export interface PopsMaskDetails {
 	 * @param originalRun 当toClose为true，它是关闭弹窗，当toHide为true，它是隐藏弹窗
 	 * @param config 配置信息
 	 */
-	clickCallBack?: (
-		originalRun: () => void,
-		config:
-			| PopsAlertDetails
-			| PopsDrawerDetails
-			| PopsIframeDetails
-			| PopsPromptDetails
-			| PopsFolderDetails
-			| PopsLoadingDetails
-			| PopsPanelDetails
-	) => void;
+	clickCallBack?:
+		| ((
+				originalRun: () => void,
+				config:
+					| PopsAlertDetails
+					| PopsDrawerDetails
+					| PopsIframeDetails
+					| PopsPromptDetails
+					| PopsFolderDetails
+					| PopsLoadingDetails
+					| PopsPanelDetails
+		  ) => void)
+		| undefined
+		| null;
 }

package/src/utils/PopsInstanceUtils.ts

@@ -105,10 +105,9 @@ export const PopsInstanceUtils = {
 	getPopsMaxZIndex(deviation: number = 1) {
 		deviation = Number.isNaN(deviation) ? 1 : deviation;
 		// 最大值 2147483647
-		// 最大值 2147483647
-		// const maxZIndex = Math.pow(2, 31) - 1;
+		// const browserMaxZIndex = Math.pow(2, 31) - 1;
 		// 比较值 2000000000
-		const maxZIndexCompare = 2 * Math.pow(10, 9);
+		const maxZIndex = 2 * Math.pow(10, 9);
 		// 当前页面最大的z-index
 		let zIndex = 0;
 		// 当前的最大z-index的元素，调试使用
@@ -139,17 +138,18 @@ export const PopsInstanceUtils = {
 			}
 		});
 		zIndex += deviation;
-		if (zIndex >= maxZIndexCompare) {
-			// 最好不要超过最大值
-			zIndex = maxZIndexCompare;
+		let isOverMaxZIndex = zIndex >= maxZIndex;
+		if (isOverMaxZIndex) {
+			// 超出z-index最大值
+			zIndex = maxZIndex;
 		}
-		return { zIndex: zIndex, animElement: maxZIndexNode };
+		return { zIndex: zIndex, animElement: maxZIndexNode, isOverMaxZIndex };
 	},
 	/**
 	 * 获取页面中最大的z-index
 	 * @param deviation 获取最大的z-index值的偏移，默认是+1
 	 * @example
-	 * Utils.getMaxZIndex();
+	 * getMaxZIndex();
 	 * > 1001
 	 **/
 	getMaxZIndex(deviation = 1): number {