@whitesev/pops 1.6.0 → 1.6.2

package/src/components/drawer/index.ts

@@ -3,6 +3,7 @@ import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { popsUtils } from "../../utils/PopsUtils";
+import { PopsDrawerConfig } from "./config";
 import type { PopsDrawerDetails } from "./indexType";
 
 export class PopsDrawer {
@@ -18,94 +19,7 @@ export class PopsDrawer {
 			pops.config.cssText.drawerCSS,
 		]);
 
-		let config: Required<PopsDrawerDetails> = {
-			title: {
-				enable: true,
-				position: "center",
-				text: "默认标题",
-				html: false,
-				style: "height: 60px;line-height: 60px;",
-			},
-			content: {
-				text: "默认内容",
-				html: false,
-				style: "overflow: auto;padding: 0px 10px;",
-			},
-			btn: {
-				position: "flex-end",
-				ok: {
-					enable: true,
-
-					size: void 0,
-
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "确定",
-					type: "primary",
-					callback(event) {
-						event.close();
-					},
-				},
-				cancel: {
-					enable: true,
-
-					size: void 0,
-
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "关闭",
-					type: "default",
-					callback(event) {
-						event.close();
-					},
-				},
-				other: {
-					enable: false,
-
-					size: void 0,
-
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "其它按钮",
-					type: "default",
-					callback(event) {
-						event.close();
-					},
-				},
-				close: {
-					enable: true,
-					callback(event) {
-						event.close();
-					},
-				},
-			},
-			mask: {
-				enable: true,
-				clickEvent: {
-					toClose: true,
-					toHide: false,
-				},
-
-				clickCallBack: void 0,
-			},
-			class: "",
-			zIndex: 10000,
-			only: false,
-			direction: "right",
-			size: "30%",
-			lockScroll: false,
-			closeOnPressEscape: true,
-			openDelay: 0,
-			closeDelay: 0,
-			borderRadius: 0,
-
-			style: null,
-			beforeAppendToPageCallBack() {},
-			forbiddenScroll: false,
-		};
+		let config: Required<PopsDrawerDetails> = PopsDrawerConfig;
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "drawer";

package/src/components/folder/config.ts

@@ -0,0 +1,130 @@
+import type { PopsFolderDetails } from "./indexType";
+
+export const PopsFolderConfig: Required<PopsFolderDetails> = {
+	title: {
+		text: "pops.Folder",
+		position: "center",
+		html: false,
+		style: "",
+	},
+	sort: {
+		name: "latestTime",
+		isDesc: false,
+		// @ts-ignore
+		callback() {},
+	},
+	folder: [
+		{
+			fileName: "测试文件夹",
+			fileSize: 0,
+			fileType: "",
+			createTime: 0,
+			latestTime: 0,
+			isFolder: true,
+			index: 0,
+			// @ts-ignore
+			clickEvent() {
+				return [
+					{
+						fileName: "内部-测试文件.zip",
+						fileSize: 1025000,
+						fileType: "zip",
+						createTime: 1702038410440,
+						latestTime: 1702039602126,
+						isFolder: false,
+						index: 1,
+						clickEvent() {
+							console.log("下载文件：", this.fileName);
+							return "https://update.greasyfork.org/scripts/456485/pops.js";
+						},
+					},
+				];
+			},
+		},
+		{
+			fileName: "测试文件.apk",
+			fileSize: 30125682,
+			fileType: "apk",
+			createTime: 1702036410440,
+			latestTime: 1702039410440,
+			isFolder: false,
+			index: 1,
+			// @ts-ignore
+			clickEvent() {
+				console.log("下载文件：", this.fileName);
+				return "https://update.greasyfork.org/scripts/456485/pops.js";
+			},
+		},
+	],
+	btn: {
+		merge: false,
+		mergeReverse: false,
+		reverse: false,
+		position: "flex-end",
+		ok: {
+			enable: true,
+			size: void 0,
+			icon: void 0,
+			rightIcon: false,
+			iconIsLoading: false,
+			text: "确定",
+			type: "primary",
+			callback(event) {
+				event.close();
+			},
+		},
+		cancel: {
+			enable: true,
+			size: void 0,
+			icon: void 0,
+			rightIcon: false,
+			iconIsLoading: false,
+			text: "关闭",
+			type: "default",
+			callback(event) {
+				event.close();
+			},
+		},
+		other: {
+			enable: false,
+			size: void 0,
+			icon: void 0,
+			rightIcon: false,
+			iconIsLoading: false,
+			text: "其它按钮",
+			type: "default",
+			callback(event) {
+				event.close();
+			},
+		},
+		close: {
+			enable: true,
+			callback(event) {
+				event.close();
+			},
+		},
+	},
+	class: "",
+	only: false,
+	width: "500px",
+	height: "400px",
+	position: "center",
+	animation: "pops-anim-fadein-zoom",
+	zIndex: 10000,
+	mask: {
+		enable: false,
+		clickEvent: {
+			toClose: false,
+			toHide: false,
+		},
+		clickCallBack: void 0,
+	},
+	drag: false,
+	dragLimit: true,
+	dragExtraDistance: 3,
+	dragMoveCallBack() {},
+	dragEndCallBack() {},
+	forbiddenScroll: false,
+	style: null,
+	beforeAppendToPageCallBack() {},
+};

package/src/components/folder/index.ts

@@ -4,6 +4,7 @@ import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
+import { PopsFolderConfig } from "./config";
 import { Folder_ICON } from "./folderIcon";
 import type { PopsFolderDataConfig, PopsFolderDetails } from "./indexType";
 
@@ -20,136 +21,9 @@ export class PopsFolder {
 			pops.config.cssText.folderCSS,
 		]);
 
-		let config: Required<PopsFolderDetails> = {
-			title: {
-				text: "pops.Folder",
-				position: "center",
-				html: false,
-				style: "",
-			},
-			sort: {
-				name: "latestTime",
-				isDesc: false,
-				// @ts-ignore
-				callback() {},
-			},
-			folder: [
-				{
-					fileName: "测试文件夹",
-					fileSize: 0,
-					fileType: "",
-					createTime: 0,
-					latestTime: 0,
-					isFolder: true,
-					index: 0,
-					// @ts-ignore
-					clickEvent() {
-						return [
-							{
-								fileName: "内部-测试文件.zip",
-								fileSize: 1025000,
-								fileType: "zip",
-								createTime: 1702038410440,
-								latestTime: 1702039602126,
-								isFolder: false,
-								index: 1,
-								clickEvent() {
-									console.log("下载文件：", this.fileName);
-									return "https://update.greasyfork.org/scripts/456485/pops.js";
-								},
-							},
-						];
-					},
-				},
-				{
-					fileName: "测试文件.apk",
-					fileSize: 30125682,
-					fileType: "apk",
-					createTime: 1702036410440,
-					latestTime: 1702039410440,
-					isFolder: false,
-					index: 1,
-					// @ts-ignore
-					clickEvent() {
-						console.log("下载文件：", this.fileName);
-						return "https://update.greasyfork.org/scripts/456485/pops.js";
-					},
-				},
-			],
-			btn: {
-				merge: false,
-				mergeReverse: false,
-				reverse: false,
-				position: "flex-end",
-				ok: {
-					enable: true,
-					size: void 0,
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "确定",
-					type: "primary",
-					callback(event) {
-						event.close();
-					},
-				},
-				cancel: {
-					enable: true,
-					size: void 0,
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "关闭",
-					type: "default",
-					callback(event) {
-						event.close();
-					},
-				},
-				other: {
-					enable: false,
-					size: void 0,
-					icon: void 0,
-					rightIcon: false,
-					iconIsLoading: false,
-					text: "其它按钮",
-					type: "default",
-					callback(event) {
-						event.close();
-					},
-				},
-				close: {
-					enable: true,
-					callback(event) {
-						event.close();
-					},
-				},
-			},
-			class: "",
-			only: false,
-			width: "500px",
-			height: "400px",
-			position: "center",
-			animation: "pops-anim-fadein-zoom",
-			zIndex: 10000,
-			mask: {
-				enable: false,
-				clickEvent: {
-					toClose: false,
-					toHide: false,
-				},
-				clickCallBack: void 0,
-			},
-			drag: false,
-			dragLimit: true,
-			dragExtraDistance: 3,
-			dragMoveCallBack() {},
-			dragEndCallBack() {},
-			forbiddenScroll: false,
-			style: null,
-			beforeAppendToPageCallBack() {},
-		};
-		/* 办公几件套 */
+		let config: Required<PopsFolderDetails> = PopsFolderConfig;
 
+		/* 办公几件套 */
 		(Folder_ICON as any).docx = Folder_ICON.doc;
 		(Folder_ICON as any).rtf = Folder_ICON.doc;
 		(Folder_ICON as any).xlsx = Folder_ICON.xls;

package/src/components/iframe/config.ts

@@ -0,0 +1,58 @@
+import type { PopsIframeDetails } from "./indexType";
+
+export const PopsIframeConfig: Required<PopsIframeDetails> = {
+	title: {
+		position: "center",
+		text: "",
+		html: false,
+		style: "",
+	},
+	loading: {
+		enable: true,
+		icon: true,
+		text: "",
+	},
+	class: "",
+	url: window.location.href,
+	only: false,
+	zIndex: 10000,
+	mask: {
+		enable: false,
+		clickEvent: {
+			toClose: false,
+			toHide: false,
+		},
+
+		clickCallBack: void 0,
+	},
+	animation: "pops-anim-fadein-zoom",
+	position: "center",
+	drag: false,
+	dragLimit: true,
+	dragExtraDistance: 3,
+	dragMoveCallBack() {},
+	dragEndCallBack() {},
+	width: "300px",
+	height: "250px",
+	topRightButton: "min|max|mise|close",
+	sandbox: false,
+	forbiddenScroll: false,
+	loadEndCallBack() {},
+	btn: {
+		min: {
+			callback() {},
+		},
+		max: {
+			callback() {},
+		},
+		mise: {
+			callback() {},
+		},
+		close: {
+			callback() {},
+		},
+	},
+
+	style: null,
+	beforeAppendToPageCallBack() {},
+};

package/src/components/iframe/index.ts

@@ -5,6 +5,7 @@ import type { PopsEventDetails } from "../../types/event";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
+import { PopsIframeConfig } from "./config";
 import type { PopsIframeDetails } from "./indexType";
 
 export class PopsIframe {
@@ -19,62 +20,7 @@ export class PopsIframe {
 			pops.config.cssText.iframeCSS,
 		]);
 
-		let config: Required<PopsIframeDetails> = {
-			title: {
-				position: "center",
-				text: "",
-				html: false,
-				style: "",
-			},
-			loading: {
-				enable: true,
-				icon: true,
-				text: "",
-			},
-			class: "",
-			url: window.location.href,
-			only: false,
-			zIndex: 10000,
-			mask: {
-				enable: false,
-				clickEvent: {
-					toClose: false,
-					toHide: false,
-				},
-
-				clickCallBack: void 0,
-			},
-			animation: "pops-anim-fadein-zoom",
-			position: "center",
-			drag: false,
-			dragLimit: true,
-			dragExtraDistance: 3,
-			dragMoveCallBack() {},
-			dragEndCallBack() {},
-			width: "300px",
-			height: "250px",
-			topRightButton: "min|max|mise|close",
-			sandbox: false,
-			forbiddenScroll: false,
-			loadEndCallBack() {},
-			btn: {
-				min: {
-					callback() {},
-				},
-				max: {
-					callback() {},
-				},
-				mise: {
-					callback() {},
-				},
-				close: {
-					callback() {},
-				},
-			},
-
-			style: null,
-			beforeAppendToPageCallBack() {},
-		};
+		let config: Required<PopsIframeDetails> = PopsIframeConfig;
 		config = popsUtils.assign(config, details);
 		if (config.url == null) {
 			throw "config.url不能为空";

package/src/components/loading/config.ts

@@ -0,0 +1,27 @@
+import type { PopsLoadingDetails } from "./indexType";
+
+export const PopsLoadingConfig: Required<PopsLoadingDetails> = {
+	parent: document.body,
+	content: {
+		text: "加载中...",
+		icon: "loading",
+		style: "",
+	},
+	class: "",
+	only: false,
+	zIndex: 10000,
+	mask: {
+		enable: false,
+		clickEvent: {
+			toClose: false,
+			toHide: false,
+		},
+
+		clickCallBack: void 0,
+	},
+	animation: "pops-anim-fadein-zoom",
+	forbiddenScroll: false,
+
+	style: null,
+	addIndexCSS: true,
+};

package/src/components/loading/index.ts

@@ -3,35 +3,12 @@ import { PopsHandler } from "../../handler/PopsHandler";
 import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { popsUtils } from "../../utils/PopsUtils";
+import { PopsLoadingConfig } from "./config";
 import type { PopsLoadingDetails } from "./indexType";
 
 export class PopsLoading {
 	constructor(details: PopsLoadingDetails) {
-		let config: Required<PopsLoadingDetails> = {
-			parent: document.body,
-			content: {
-				text: "加载中...",
-				icon: "loading",
-				style: "",
-			},
-			class: "",
-			only: false,
-			zIndex: 10000,
-			mask: {
-				enable: false,
-				clickEvent: {
-					toClose: false,
-					toHide: false,
-				},
-
-				clickCallBack: void 0,
-			},
-			animation: "pops-anim-fadein-zoom",
-			forbiddenScroll: false,
-
-			style: null,
-			addIndexCSS: true,
-		};
+		let config: Required<PopsLoadingDetails> = PopsLoadingConfig;
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "loading";