@whitesev/pops 1.7.2 → 1.7.3

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

@@ -0,0 +1,20 @@
+type EnterReturnType<T> = null | T | (() => T);
+type GlobalConfigOption = {
+    style?: EnterReturnType<string>;
+    zIndex?: EnterReturnType<number> | EnterReturnType<string>;
+};
+export declare const GlobalConfig: {
+    config: GlobalConfigOption;
+    /**
+     * 为所有弹窗设置全局属性
+     */
+    setGlobalConfig(config: GlobalConfigOption): void;
+    /**
+     * 获取全局配置
+     */
+    getGlobalConfig(): {
+        style?: string | undefined;
+        zIndex?: string | number | undefined;
+    };
+};
+export {};

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

@@ -231,6 +231,23 @@ declare class Pops {
      * @param userAgent
      */
     isPhone(userAgent?: string): boolean;
+    /**
+     * 为所有弹窗设置全局属性
+     */
+    GlobalConfig: {
+        config: {
+            style?: string | (() => string) | null;
+            zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
+        };
+        setGlobalConfig(config: {
+            style?: string | (() => string) | null;
+            zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
+        }): void;
+        getGlobalConfig(): {
+            style?: string | undefined;
+            zIndex?: string | number | undefined;
+        };
+    };
     /**
      * 普通信息框
      * @param details 配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/GlobalConfig.ts

@@ -0,0 +1,60 @@
+type EnterReturnType<T> = null | T | (() => T);
+
+type GlobalConfigOption = {
+	style?: EnterReturnType<string>;
+	zIndex?: EnterReturnType<number> | EnterReturnType<string>;
+};
+
+type ResultGlobalConfigOption<T> = T extends null | undefined
+	? never
+	: T extends (...args: any) => infer R
+	? R
+	: T;
+export const GlobalConfig = {
+	config: {} as GlobalConfigOption,
+	/**
+	 * 为所有弹窗设置全局属性
+	 */
+	setGlobalConfig(config: GlobalConfigOption) {
+		Reflect.ownKeys(config).forEach((keyName) => {
+			Reflect.set(GlobalConfig.config, keyName, Reflect.get(config, keyName));
+		});
+	},
+	/**
+	 * 获取全局配置
+	 */
+	getGlobalConfig() {
+		let result: {
+			[P in keyof GlobalConfigOption]: ResultGlobalConfigOption<
+				GlobalConfigOption[P]
+			>;
+		} = {};
+		let style =
+			GlobalConfig.config.style == null
+				? ""
+				: typeof GlobalConfig.config.style === "function"
+				? GlobalConfig.config.style()
+				: GlobalConfig.config.style;
+
+		if (typeof style === "string") {
+			result.style = style;
+		}
+		let zIndex =
+			GlobalConfig.config.zIndex == null
+				? ""
+				: typeof GlobalConfig.config.zIndex === "function"
+				? GlobalConfig.config.zIndex()
+				: GlobalConfig.config.zIndex;
+		if (typeof zIndex === "string") {
+			let newIndex = (zIndex = parseInt(zIndex));
+			if (!isNaN(newIndex)) {
+				result.zIndex = newIndex;
+			}
+		} else {
+			if (!isNaN(zIndex)) {
+				result.zIndex = zIndex;
+			}
+		}
+		return result;
+	},
+};

package/src/Pops.ts

@@ -77,12 +77,13 @@ import type {
 import { PopsSearchSuggestion } from "./components/searchSuggestion";
 import { PopsMathFloatUtils } from "./utils/PopsMathUtils";
 import { PanelHandleContentDetails } from "./components/panel/PanelHandleContentDetails";
+import { GlobalConfig } from "./GlobalConfig";
 
 class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2024.10.1",
+		version: "2024.10.13",
 		cssText: {
 			/** 主CSS */
 			index: indexCSS,
@@ -230,6 +231,10 @@ class Pops {
 	isPhone(userAgent = PopsCore.globalThis.navigator.userAgent): boolean {
 		return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(userAgent));
 	}
+	/**
+	 * 为所有弹窗设置全局属性
+	 */
+	GlobalConfig = GlobalConfig;
 	/**
 	 * 普通信息框
 	 * @param details 配置

package/src/components/alert/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -22,6 +23,7 @@ export class PopsAlert {
 		]);
 
 		let config: Required<PopsAlertDetails> = PopsAlertConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		// 设置当前类型

package/src/components/confirm/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -20,6 +21,7 @@ export class PopsConfirm {
 			pops.config.cssText.confirmCSS,
 		]);
 		let config: Required<PopsConfirmDetails> = PopsConfirmConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		// 设置当前类型

package/src/components/drawer/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -20,6 +21,7 @@ export class PopsDrawer {
 		]);
 
 		let config: Required<PopsDrawerDetails> = PopsDrawerConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "drawer";

package/src/components/folder/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -22,6 +23,8 @@ export class PopsFolder {
 		]);
 
 		let config: Required<PopsFolderDetails> = PopsFolderConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
+		config = popsUtils.assign(config, details);
 
 		/* 办公几件套 */
 		(Folder_ICON as any).docx = Folder_ICON.doc;
@@ -82,7 +85,6 @@ export class PopsFolder {
 			(Folder_ICON as any)[keyName] = Folder_ICON.apk;
 		});
 
-		config = popsUtils.assign(config, details);
 		if (details?.folder) {
 			config.folder = details.folder;
 		}

package/src/components/iframe/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -21,6 +22,7 @@ export class PopsIframe {
 		]);
 
 		let config: Required<PopsIframeDetails> = PopsIframeConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		if (config.url == null) {
 			throw "config.url不能为空";

package/src/components/loading/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -9,6 +10,7 @@ import type { PopsLoadingDetails } from "./indexType";
 export class PopsLoading {
 	constructor(details: PopsLoadingDetails) {
 		let config: Required<PopsLoadingDetails> = PopsLoadingConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "loading";

package/src/components/panel/index.ts

@@ -7,6 +7,7 @@ import { popsUtils } from "../../utils/PopsUtils";
 import type { PopsPanelDetails } from "./indexType";
 import { PopsPanelConfig } from "./config";
 import { PanelHandleContentDetails } from "./PanelHandleContentDetails";
+import { GlobalConfig } from "../../GlobalConfig";
 
 export class PopsPanel {
 	constructor(details: PopsPanelDetails) {
@@ -22,6 +23,7 @@ export class PopsPanel {
 		]);
 
 		let config: Required<PopsPanelDetails> = PopsPanelConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		if (details && Array.isArray(details.content)) {
 			config.content = details.content;

package/src/components/prompt/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
@@ -20,6 +21,7 @@ export class PopsPrompt {
 			pops.config.cssText.promptCSS,
 		]);
 		let config: Required<PopsPromptDetails> = PopsPromptConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "prompt";

package/src/components/rightClickMenu/index.ts

@@ -1,4 +1,5 @@
 import { OriginPrototype } from "../../Core";
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
 import type { PopsIcon } from "../../types/icon";
@@ -22,6 +23,7 @@ export class PopsRightClickMenu {
 
 		let config: Required<PopsRightClickMenuDetails> =
 			PopsRightClickMenuConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		if (config.target == null) {
 			throw "config.target 不能为空";

package/src/components/searchSuggestion/index.ts

@@ -4,6 +4,7 @@ import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { popsUtils } from "../../utils/PopsUtils";
 import type { PopsSearchSuggestionDetails } from "./indexType";
 import { searchSuggestionConfig as PopsSearchSuggestionConfig } from "./config";
+import { GlobalConfig } from "../../GlobalConfig";
 
 export class PopsSearchSuggestion {
 	constructor(details: PopsSearchSuggestionDetails) {
@@ -16,6 +17,7 @@ export class PopsSearchSuggestion {
 
 		let config: Required<PopsSearchSuggestionDetails> =
 			PopsSearchSuggestionConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		if (config.target == null) {
 			throw new TypeError("config.target 不能为空");

package/src/components/tooltip/index.ts

@@ -1,3 +1,4 @@
+import { GlobalConfig } from "../../GlobalConfig";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
@@ -16,6 +17,7 @@ export class PopsTooltip {
 		]);
 
 		let config: Required<PopsToolTipDetails> = PopsTooltipConfig();
+		config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
 		config = popsUtils.assign(config, details);
 		if (!(config.target instanceof HTMLElement)) {
 			throw "config.target 必须是HTMLElement类型";