@whitesev/pops 1.6.2 → 1.6.4

package/src/components/panel/index.ts

@@ -4,9 +4,7 @@ import { pops } from "../../Pops";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";
 import { PopsInstanceUtils } from "../../utils/PopsInstanceUtils";
 import { popsUtils } from "../../utils/PopsUtils";
-import type {
-	PopsPanelDetails,
-} from "./indexType";
+import type { PopsPanelDetails } from "./indexType";
 import { PopsPanelConfig } from "./config";
 import { PanelHandleContentDetails } from "./PanelHandleContentDetails";
 
@@ -23,7 +21,7 @@ export class PopsPanel {
 			pops.config.cssText.panelCSS,
 		]);
 
-		let config: Required<PopsPanelDetails> = PopsPanelConfig;
+		let config: Required<PopsPanelDetails> = PopsPanelConfig();
 		config = popsUtils.assign(config, details);
 		if (details && Array.isArray(details.content)) {
 			config.content = details.content;
@@ -137,11 +135,11 @@ export class PopsPanel {
 		if ($mask != null) {
 			$anim.after($mask);
 		}
-
+		let panelHandleContentDetails = PanelHandleContentDetails();
 		/**
 		 * 处理内部配置
 		 */
-		PanelHandleContentDetails.init({
+		panelHandleContentDetails.init({
 			config: config,
 			$el: {
 				$content: $content,

package/src/components/prompt/config.ts

@@ -1,102 +1,104 @@
 import type { PopsPromptDetails } from "./indexType";
 
-export const PopsPromptConfig: Required<PopsPromptDetails> = {
-	title: {
-		text: "默认标题",
-		position: "left",
-		html: false,
-		style: "",
-	},
-	content: {
-		text: "",
-		select: false,
-		password: false,
-		row: false,
-		focus: true,
-		placeholder: "默认提示",
-		style: "",
-	},
-	btn: {
-		merge: false,
-		mergeReverse: false,
-		reverse: false,
-		position: "flex-end",
-		ok: {
-			enable: true,
+export const PopsPromptConfig = (): Required<PopsPromptDetails> => {
+	return {
+		title: {
+			text: "默认标题",
+			position: "left",
+			html: false,
+			style: "",
+		},
+		content: {
+			text: "",
+			select: false,
+			password: false,
+			row: false,
+			focus: true,
+			placeholder: "默认提示",
+			style: "",
+		},
+		btn: {
+			merge: false,
+			mergeReverse: false,
+			reverse: false,
+			position: "flex-end",
+			ok: {
+				enable: true,
 
-			size: void 0,
+				size: void 0,
 
-			icon: void 0,
-			rightIcon: false,
-			iconIsLoading: false,
-			text: "确定",
-			type: "success",
-			callback(event) {
-				console.log(event);
-				event.close();
+				icon: void 0,
+				rightIcon: false,
+				iconIsLoading: false,
+				text: "确定",
+				type: "success",
+				callback(event) {
+					console.log(event);
+					event.close();
+				},
 			},
-		},
-		cancel: {
-			enable: true,
+			cancel: {
+				enable: true,
 
-			size: void 0,
+				size: void 0,
 
-			icon: void 0,
-			rightIcon: false,
-			iconIsLoading: false,
-			text: "关闭",
-			type: "default",
-			callback(event) {
-				console.log(event);
-				event.close();
+				icon: void 0,
+				rightIcon: false,
+				iconIsLoading: false,
+				text: "关闭",
+				type: "default",
+				callback(event) {
+					console.log(event);
+					event.close();
+				},
 			},
-		},
-		other: {
-			enable: false,
+			other: {
+				enable: false,
 
-			size: void 0,
+				size: void 0,
 
-			icon: void 0,
-			rightIcon: false,
-			iconIsLoading: false,
-			text: "其它按钮",
-			type: "default",
-			callback(event) {
-				console.log(event);
-				event.close();
+				icon: void 0,
+				rightIcon: false,
+				iconIsLoading: false,
+				text: "其它按钮",
+				type: "default",
+				callback(event) {
+					console.log(event);
+					event.close();
+				},
 			},
-		},
-		close: {
-			enable: true,
-			callback(event) {
-				console.log(event);
-				event.close();
+			close: {
+				enable: true,
+				callback(event) {
+					console.log(event);
+					event.close();
+				},
 			},
 		},
-	},
-	class: "",
-	only: false,
-	width: "350px",
-	height: "200px",
-	position: "center",
-	animation: "pops-anim-fadein-zoom",
-	zIndex: 10000,
-	mask: {
-		enable: false,
-		clickEvent: {
-			toClose: false,
-			toHide: false,
-		},
+		class: "",
+		only: false,
+		width: "350px",
+		height: "200px",
+		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,
+			clickCallBack: void 0,
+		},
+		drag: false,
+		dragLimit: true,
+		dragExtraDistance: 3,
+		dragMoveCallBack() {},
+		dragEndCallBack() {},
+		forbiddenScroll: false,
 
-	style: null,
-	beforeAppendToPageCallBack() {},
+		style: null,
+		beforeAppendToPageCallBack() {},
+	};
 };

package/src/components/prompt/index.ts

@@ -19,7 +19,7 @@ export class PopsPrompt {
 			pops.config.cssText.common,
 			pops.config.cssText.promptCSS,
 		]);
-		let config: Required<PopsPromptDetails> = PopsPromptConfig;
+		let config: Required<PopsPromptDetails> = PopsPromptConfig();
 		config = popsUtils.assign(config, details);
 		let guid = popsUtils.getRandomGUID();
 		const PopsType = "prompt";

package/src/components/rightClickMenu/config.ts

@@ -1,8 +1,8 @@
 import { pops } from "../../Pops";
 import type { PopsRightClickMenuDetails } from "./indexType";
 
-export const rightClickMenuConfig = () => {
-	let config: Required<PopsRightClickMenuDetails> = {
+export const rightClickMenuConfig = (): Required<PopsRightClickMenuDetails> => {
+	return {
 		target: document.documentElement,
 		targetSelector: null,
 		data: [
@@ -117,6 +117,4 @@ export const rightClickMenuConfig = () => {
 		style: null,
 		beforeAppendToPageCallBack() {},
 	};
-
-	return config;
 };

package/src/components/searchSuggestion/config.ts

@@ -1,55 +1,58 @@
 import type { PopsSearchSuggestionDetails } from "./indexType";
 
-export const searchSuggestionConfig: Required<PopsSearchSuggestionDetails> = {
-	// @ts-ignore
-	target: null,
-	// @ts-ignore
-	inputTarget: null,
-	selfDocument: document,
-	data: [
-		{
-			value: "数据1",
-			text: "数据1-html",
-		},
-		{
-			value: "数据2",
-			text: "数据2-html",
-		},
-	],
-	deleteIcon: {
-		enable: true,
-		callback(event, liElement, data) {
-			console.log("删除当前项", [event, liElement, data]);
-			liElement.remove();
-		},
-	},
-	className: "",
-	isAbsolute: true,
-	isAnimation: true,
-	width: "250px",
-	maxHeight: "300px",
-	followTargetWidth: true,
-	topDistance: 0,
-	position: "auto",
-	positionTopToReverse: true,
-	zIndex: 10000,
-	searchingTip: "正在搜索中...",
-	toSearhNotResultHTML: '<li data-none="true">暂无其它数据</li>',
-	toHideWithNotResult: false,
-	followPosition: "target",
-	getItemHTML(item) {
-		return item.text ?? item;
-	},
-	async getData(value) {
-		console.log("当前输入框的值是：", value);
-		return [];
-	},
-	itemClickCallBack(event, liElement, data) {
-		console.log("item项的点击回调", [event, liElement, data]);
-		this.inputTarget.value = data.value;
-	},
-	selectCallBack(event, liElement, data) {
-		console.log("item项的选中回调", [event, liElement, data]);
-	},
-	style: "",
-};
+export const searchSuggestionConfig =
+	(): Required<PopsSearchSuggestionDetails> => {
+		return {
+			// @ts-ignore
+			target: null,
+			// @ts-ignore
+			inputTarget: null,
+			selfDocument: document,
+			data: [
+				{
+					value: "数据1",
+					text: "数据1-html",
+				},
+				{
+					value: "数据2",
+					text: "数据2-html",
+				},
+			],
+			deleteIcon: {
+				enable: true,
+				callback(event, liElement, data) {
+					console.log("删除当前项", [event, liElement, data]);
+					liElement.remove();
+				},
+			},
+			className: "",
+			isAbsolute: true,
+			isAnimation: true,
+			width: "250px",
+			maxHeight: "300px",
+			followTargetWidth: true,
+			topDistance: 0,
+			position: "auto",
+			positionTopToReverse: true,
+			zIndex: 10000,
+			searchingTip: "正在搜索中...",
+			toSearhNotResultHTML: '<li data-none="true">暂无其它数据</li>',
+			toHideWithNotResult: false,
+			followPosition: "target",
+			getItemHTML(item) {
+				return item.text ?? item;
+			},
+			async getData(value) {
+				console.log("当前输入框的值是：", value);
+				return [];
+			},
+			itemClickCallBack(event, liElement, data) {
+				console.log("item项的点击回调", [event, liElement, data]);
+				this.inputTarget.value = data.value;
+			},
+			selectCallBack(event, liElement, data) {
+				console.log("item项的选中回调", [event, liElement, data]);
+			},
+			style: "",
+		};
+	};

package/src/components/searchSuggestion/index.ts

@@ -15,7 +15,7 @@ export class PopsSearchSuggestion {
 		]);
 
 		let config: Required<PopsSearchSuggestionDetails> =
-			PopsSearchSuggestionConfig;
+			PopsSearchSuggestionConfig();
 		config = popsUtils.assign(config, details);
 		if (config.target == null) {
 			throw new TypeError("config.target 不能为空");

package/src/components/tooltip/config.ts

@@ -1,29 +1,31 @@
 import type { PopsToolTipDetails } from "./indexType";
 
-export const PopsTooltipConfig: Required<PopsToolTipDetails> = {
-	// @ts-ignore
-	target: null,
-	content: "默认文字",
+export const PopsTooltipConfig = (): Required<PopsToolTipDetails> => {
+	return {
+		// @ts-ignore
+		target: null,
+		content: "默认文字",
 
-	position: "top",
-	className: "",
-	alwaysShow: false,
-	triggerShowEventName: "mouseenter touchstart",
-	triggerCloseEventName: "mouseleave touchend",
-	zIndex: 10000,
-	only: false,
-	eventOption: {
-		passive: false,
-		capture: true,
-		once: false,
-	},
-	showBeforeCallBack() {},
-	showAfterCallBack() {},
-	closeBeforeCallBack() {},
-	closeAfterCallBack() {},
-	arrowDistance: 12.5,
-	otherDistance: 0,
+		position: "top",
+		className: "",
+		alwaysShow: false,
+		triggerShowEventName: "mouseenter touchstart",
+		triggerCloseEventName: "mouseleave touchend",
+		zIndex: 10000,
+		only: false,
+		eventOption: {
+			passive: false,
+			capture: true,
+			once: false,
+		},
+		showBeforeCallBack() {},
+		showAfterCallBack() {},
+		closeBeforeCallBack() {},
+		closeAfterCallBack() {},
+		arrowDistance: 12.5,
+		otherDistance: 0,
 
-	style: "",
-	beforeAppendToPageCallBack() {},
+		style: "",
+		beforeAppendToPageCallBack() {},
+	};
 };

package/src/components/tooltip/index.ts

@@ -15,7 +15,7 @@ export class PopsTooltip {
 			pops.config.cssText.tooltipCSS,
 		]);
 
-		let config: Required<PopsToolTipDetails> = PopsTooltipConfig;
+		let config: Required<PopsToolTipDetails> = PopsTooltipConfig();
 		config = popsUtils.assign(config, details);
 		if (!(config.target instanceof HTMLElement)) {
 			throw "config.target 必须是HTMLElement类型";