@whitesev/pops 2.4.4 → 2.4.6

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

@@ -7,207 +7,204 @@ import type { PopsMaskDetails } from "./mask";
  * 标题配置
  */
 export interface PopsTitleConfig {
-	title: {
-		/**
-		 * 标题文字
-		 */
-		text?: string;
-		/**
-		 * 标题文字的位置
-		 * @default "left"
-		 */
-		position?: PopsTextAlign;
-		/**
-		 * 标题文字是否是html
-		 * @default false
-		 */
-		html?: boolean;
-		/**
-		 * 自定义CSS
-		 */
-		style?: string;
-	};
+  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;
-	};
+  content: {
+    /**
+     * 内容文字
+     */
+    text?: string;
+    /**
+     * 内容文字是否是html
+     * @default false
+     */
+    html?: boolean;
+    /**
+     * 自定义CSS
+     */
+    style?: string;
+  };
 }
 /**
  * 按钮配置
  */
 export interface PopsButtonConfig {
-	btn?: {
-		/**
-		 * 按钮的位置
-		 * @default "flex-end"
-		 */
-		position?: PopsJustifyContent;
-		/**
-		 * 右上角的关闭按钮
-		 */
-		close?: PopsHeaderCloseButtonDetails;
-	};
+  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 PopsMoreButtonConfig<T = object> {
+  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;
+  /**
+   *  是否可以按钮标题栏进行拖拽，默认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;
+  /**
+   * 是否使用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

@@ -5,59 +5,59 @@ import type { PopsType } from "./main";
  * 事件配置
  */
 export interface PopsIframeEventDetails {
-	/**
-	 * 唯一id
-	 */
-	guid: string;
-	/**
-	 * 当前弹窗类型
-	 */
-	mode: PopsType;
-	/**
-	 * 动画层
-	 */
-	animElement: HTMLElement;
-	/**
-	 * 主元素
-	 */
-	popsElement: HTMLElement;
-	/**
-	 * 遮罩层
-	 */
-	maskElement: HTMLElement;
-	/**
-	 * 当前配置
-	 */
-	config: PopsIframeDetails;
+  /**
+   * 唯一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>;
+  /** 最外层包裹的元素 */
+  $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";
+  /** 当前按钮类型 */
+  type: "cancel" | "close" | "ok" | "other";
 }

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

@@ -1,20 +1,25 @@
 declare module "*.css" {
-	const content: string;
-	export default content;
+  const content: string;
+  export default content;
 }
 declare module "*.svg" {
-	const content: string;
-	export default content;
+  const content: string;
+  export default content;
 }
 
-declare var unsafeWindow: Window & typeof globalThis;
+declare let unsafeWindow: Window & typeof globalThis;
 
+declare interface Window {
+  trustedTypes: any;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 declare type DeepRequired<T> = T extends Function
-	? T
-	: T extends object
-		? T extends Node
-			? T
-			: {
-					[K in keyof T]-?: DeepRequired<T[K]>;
-				}
-		: T;
+  ? T
+  : T extends object
+    ? T extends Node
+      ? T
+      : {
+          [K in keyof T]-?: DeepRequired<T[K]>;
+        }
+    : T;

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

@@ -2,31 +2,31 @@
  * 按钮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";
+  | "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";

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

@@ -2,23 +2,23 @@
  * config实例配置
  */
 export interface PopsInstConfig {
-	/** 固定id */
-	guid: string;
-	/** 动画元素 */
-	animElement: HTMLDivElement;
-	/** 主元素 */
-	popsElement: HTMLDivElement;
-	/** 遮罩层元素 */
-	maskElement?: HTMLDivElement;
+  /** 固定id */
+  guid: string;
+  /** 动画元素 */
+  animElement: HTMLDivElement;
+  /** 主元素 */
+  popsElement: HTMLDivElement;
+  /** 遮罩层元素 */
+  maskElement?: HTMLDivElement;
 }
 /**
  * config实例通用配置
  */
 export interface PopsInstCommonConfig extends PopsInstConfig {
-	/** shadow容器 */
-	$shadowContainer: HTMLDivElement;
-	/** shadow容器的shandowRoot */
-	$shadowRoot: ShadowRoot | HTMLElement;
-	/** 移除实例前的回调函数 */
-	beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
+  /** shadow容器 */
+  $shadowContainer: HTMLDivElement;
+  /** shadow容器的shandowRoot */
+  $shadowRoot: ShadowRoot | HTMLElement;
+  /** 移除实例前的回调函数 */
+  beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
 }