@whitesev/pops 2.2.6 → 2.2.8

package/package.json

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

package/src/Pops.ts

@@ -36,7 +36,7 @@ class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2025.7.18",
+		version: "2025.7.29",
 		cssText: PopsCSS,
 		/** icon图标的svg代码 */
 		iconSVG: PopsIcon.$data,

package/src/components/alert/config.ts

@@ -37,8 +37,8 @@ export const PopsAlertConfig = (): DeepRequired<PopsAlertDetails> => {
 		useShadowRoot: true,
 		class: "",
 		only: false,
-		width: "350px",
-		height: "200px",
+		width: window.innerWidth < 550 ? "88vw" : "350px",
+		height: window.innerHeight < 450 ? "70vh" : "200px",
 		position: "center",
 		animation: "pops-anim-fadein-zoom",
 		zIndex: 10000,

package/src/components/confirm/config.ts

@@ -64,8 +64,8 @@ export const PopsConfirmConfig = (): DeepRequired<PopsConfirmDetails> => {
 		useShadowRoot: true,
 		class: "",
 		only: false,
-		width: "350px",
-		height: "200px",
+		width: window.innerWidth < 550 ? "88vw" : "350px",
+		height: window.innerHeight < 450 ? "70vh" : "200px",
 		position: "center",
 		animation: "pops-anim-fadein-zoom",
 		zIndex: 10000,

package/src/components/folder/config.ts

@@ -122,8 +122,8 @@ export const PopsFolderConfig = (): DeepRequired<PopsFolderDetails> => {
 		useShadowRoot: true,
 		class: "",
 		only: false,
-		width: "500px",
-		height: "400px",
+		width: window.innerWidth < 550 ? "88vw" : "500px",
+		height: window.innerHeight < 450 ? "70vh" : "400px",
 		position: "center",
 		animation: "pops-anim-fadein-zoom",
 		zIndex: 10000,

package/src/components/iframe/config.ts

@@ -33,8 +33,8 @@ export const PopsIframeConfig = (): DeepRequired<PopsIframeDetails> => {
 		dragExtraDistance: 3,
 		dragMoveCallBack() {},
 		dragEndCallBack() {},
-		width: "300px",
-		height: "250px",
+		width: window.innerWidth < 550 ? "88vw" : "350px",
+		height: window.innerHeight < 450 ? "70vh" : "200px",
 		topRightButton: "min|max|mise|close",
 		sandbox: false,
 		forbiddenScroll: false,

package/src/components/panel/config.ts

@@ -420,6 +420,24 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 									},
 								],
 							},
+							{
+								type: "deepMenu",
+								className: "panel-deepMenu2",
+								attributes: {},
+								//@ts-ignore
+								props: {},
+								text: "deepMenu2",
+								description: "二级菜单",
+								rightText: "自定义配置",
+								arrowRightIcon: true,
+								afterAddToUListCallBack(formConfig, container) {
+									console.log(formConfig, container);
+								},
+								clickCallBack(event, formConfig) {
+									console.log("进入子配置", event, formConfig);
+								},
+								forms: [],
+							},
 						],
 					},
 					{
@@ -515,8 +533,8 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 		mobileClassName: "pops-panel-is-mobile",
 		isMobile: false,
 		only: false,
-		width: "700px",
-		height: "500px",
+		width: window.innerWidth < 550 ? "88vw" : "700px",
+		height: window.innerHeight < 450 ? "70vh" : "500px",
 		position: "center",
 		animation: "pops-anim-fadein-zoom",
 		zIndex: 10000,

package/src/components/panel/handlerComponents.ts

@@ -2716,7 +2716,7 @@ export const PanelHandlerComponents = () => {
 		createSectionContainerItem_deepMenu(formConfig: PopsPanelDeepMenuDetails) {
 			let that = this;
 			let $li = document.createElement("li");
-			$li.classList.add("pops-panel-deepMenu-nav-item");
+			popsDOMUtils.addClassName($li, "pops-panel-deepMenu-nav-item");
 			Reflect.set($li, "__formConfig__", formConfig);
 			this.setElementClassName($li, formConfig.className);
 			// 设置属性

package/src/components/panel/index.css

@@ -161,10 +161,9 @@ section.pops-panel-container
 	.pops-panel-forms-container-item
 	ul
 	li.pops-panel-deepMenu-nav-item {
-	padding: var(--pops-panel-forms-container-li-padding-top-bottom)
-		var(--pops-panel-forms-container-li-padding-left-right);
-	margin: 0px;
-	border-bottom: 0;
+	padding: var(--pops-panel-forms-container-li-padding-top-bottom) 0px;
+	margin: 0px var(--pops-panel-forms-container-li-padding-left-right);
+	border-bottom: 1px solid var(--pops-panel-forms-container-li-border-color);
 }
 section.pops-panel-container
 	.pops-panel-forms-container-item
@@ -1176,6 +1175,7 @@ section.pops-panel-deepMenu-container
 .pops-panel-item-left-desc-text:has(code) {
 	display: flex;
 	align-items: baseline;
+	flex-wrap: wrap;
 }
 
 @media (prefers-color-scheme: dark) {

package/src/components/prompt/config.ts

@@ -68,8 +68,8 @@ export const PopsPromptConfig = (): DeepRequired<PopsPromptDetails> => {
 		useShadowRoot: true,
 		class: "",
 		only: false,
-		width: "350px",
-		height: "200px",
+		width: window.innerWidth < 550 ? "88vw" : "350px",
+		height: window.innerHeight < 450 ? "70vh" : "200px",
 		position: "center",
 		animation: "pops-anim-fadein-zoom",
 		zIndex: 10000,