@whitesev/pops 1.7.7 → 1.7.9

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

@@ -1,8 +1,9 @@
+import type { PopsCommonConfig } from "./types/components";
 type EnterReturnType<T> = null | T | (() => T);
 type GlobalConfigOption = {
     style?: EnterReturnType<string>;
     zIndex?: EnterReturnType<number> | EnterReturnType<string>;
-};
+} & Partial<PopsCommonConfig>;
 export declare const GlobalConfig: {
     config: GlobalConfigOption;
     /**
@@ -15,6 +16,15 @@ export declare const GlobalConfig: {
     getGlobalConfig(): {
         style?: string | undefined;
         zIndex?: string | number | undefined;
+        class?: string | undefined;
+        only?: boolean | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        position?: import("./types/position").PopsPosition | undefined;
+        animation?: import("./types/animation").PopsAnimation | undefined;
+        mask?: import("./types/mask").PopsMaskDetails | undefined;
+        forbiddenScroll?: boolean | undefined;
+        beforeAppendToPageCallBack?: void;
     };
 };
 export {};

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

@@ -215,7 +215,7 @@ declare class Pops {
             createSectionContainerItem_own(formConfig: import("./components/panel/ownType").PopsPanelOwnDetails): HTMLLIElement;
             createSectionContainerItem(formConfig: import("./components/panel/indexType").PopsPanelFormsTotalDetails): HTMLLIElement | undefined;
             initFormItem(formConfig: import("./components/panel/indexType").PopsPanelContentConfig): void;
-            uListContainerAddItem(formConfig: import("./components/panel/indexType").PopsPanelFormsTotalDetails, containerOptions: import("./components/panel/commonType").PopsPanelRightAsideContainerOptions): void;
+            uListContainerAddItem(formConfig: import("./components/panel/indexType").PopsPanelFormsTotalDetails, containerOptions: Omit<import("./components/panel/commonType").PopsPanelRightAsideContainerOptions, "target">): void;
             setAsideItemClickEvent(asideLiElement: HTMLElement, asideConfig: import("./components/panel/indexType").PopsPanelContentConfig): void;
         };
     };
@@ -239,14 +239,23 @@ declare class Pops {
         config: {
             style?: string | (() => string) | null;
             zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
-        };
+        } & Partial<import("./types/components").PopsCommonConfig>;
         setGlobalConfig(config: {
             style?: string | (() => string) | null;
             zIndex?: (number | (() => number) | null) | (string | (() => string) | null);
-        }): void;
+        } & Partial<import("./types/components").PopsCommonConfig>): void;
         getGlobalConfig(): {
             style?: string | undefined;
             zIndex?: string | number | undefined;
+            class?: string | undefined;
+            only?: boolean | undefined;
+            width?: string | undefined;
+            height?: string | undefined;
+            position?: import("./types/position").PopsPosition | undefined;
+            animation?: import("./types/animation").PopsAnimation | undefined;
+            mask?: import("./types/mask").PopsMaskDetails | undefined;
+            forbiddenScroll?: boolean | undefined;
+            beforeAppendToPageCallBack?: void;
         };
     };
     /**

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

@@ -155,7 +155,7 @@ export declare const PanelHandleContentDetails: () => {
      * @param formConfig
      * @param containerOptions
      */
-    uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: PopsPanelRightAsideContainerOptions): void;
+    uListContainerAddItem(formConfig: PopsPanelFormsTotalDetails, containerOptions: Omit<PopsPanelRightAsideContainerOptions, "target">): void;
     /**
      * 为左侧容器元素添加点击事件
      * @param asideLiElement 左侧的容器<li>元素

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

@@ -3,9 +3,11 @@ import { PopsPanelFormsTotalDetails } from "./indexType";
  * 右侧容器的配置
  */
 export interface PopsPanelRightAsideContainerOptions {
-    /** 把获取的项<li>元素添加到这个<ul>元素内 */
+    /** 当前的<li>元素 */
+    target: HTMLLIElement | undefined;
+    /** 当前的<li>元素的父<ul>元素 */
     ulElement: HTMLUListElement;
-    /**  */
+    /** 当前的<li>元素所在的统一的<ul>元素 */
     sectionContainerULElement?: HTMLUListElement;
     /**  */
     formContainerListElement?: HTMLLIElement;

package/package.json

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

package/src/GlobalConfig.ts

@@ -1,9 +1,11 @@
+import type { PopsCommonConfig } from "./types/components";
+
 type EnterReturnType<T> = null | T | (() => T);
 
 type GlobalConfigOption = {
 	style?: EnterReturnType<string>;
 	zIndex?: EnterReturnType<number> | EnterReturnType<string>;
-};
+} & Partial<PopsCommonConfig>;
 
 type ResultGlobalConfigOption<T> = T extends null | undefined
 	? never
@@ -29,32 +31,49 @@ export const GlobalConfig = {
 				GlobalConfigOption[P]
 			>;
 		} = {};
-		let style =
-			GlobalConfig.config.style == null
-				? ""
-				: typeof GlobalConfig.config.style === "function"
-				? GlobalConfig.config.style()
-				: GlobalConfig.config.style;
+		Object.keys(GlobalConfig.config).forEach((keyName) => {
+			let configValue = Reflect.get(GlobalConfig.config, keyName);
+			if (keyName === "style") {
+				// 设置style属性
+				let style =
+					configValue == null
+						? ""
+						: typeof configValue === "function"
+						? // @ts-ignore
+						  configValue()
+						: configValue;
 
-		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;
+				if (typeof style === "string") {
+					result.style = style;
+				}
+			} else if (keyName === "zIndex") {
+				// 设置zIndex属性
+				let zIndex =
+					configValue == null
+						? ""
+						: typeof configValue === "function"
+						? configValue()
+						: configValue;
+				if (typeof zIndex === "string") {
+					let newIndex = (zIndex = parseInt(zIndex));
+					if (!isNaN(newIndex)) {
+						result.zIndex = newIndex;
+					}
+				} else {
+					if (!isNaN(zIndex)) {
+						result.zIndex = zIndex;
+					}
+				}
+			} else if (keyName === "mask") {
+				let mask =
+					GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
+				if (typeof mask === "object" && mask != null) {
+					result.mask = mask;
+				}
+			} else {
+				Reflect.set(result, keyName, configValue);
 			}
-		} else {
-			if (!isNaN(zIndex)) {
-				result.zIndex = zIndex;
-			}
-		}
+		});
 		return result;
 	},
 };

package/src/Pops.ts

@@ -83,7 +83,7 @@ class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2024.10.19",
+		version: "2024.10.23",
 		cssText: {
 			/** 主CSS */
 			index: indexCSS,

package/src/components/panel/PanelHandleContentDetails.ts

@@ -2577,14 +2577,17 @@ export const PanelHandleContentDetails = () => {
 		 */
 		uListContainerAddItem(
 			formConfig: PopsPanelFormsTotalDetails,
-			containerOptions: PopsPanelRightAsideContainerOptions
+			containerOptions: Omit<PopsPanelRightAsideContainerOptions, "target">
 		) {
 			let itemLiElement = this.createSectionContainerItem(formConfig);
 			if (itemLiElement) {
 				containerOptions["ulElement"].appendChild(itemLiElement);
 			}
 			if (typeof formConfig.afterAddToUListCallBack === "function") {
-				formConfig.afterAddToUListCallBack(formConfig, containerOptions);
+				formConfig.afterAddToUListCallBack(formConfig, {
+					...containerOptions,
+					target: itemLiElement,
+				});
 			}
 		},
 		/**

package/src/components/panel/commonType.ts

@@ -4,9 +4,11 @@ import { PopsPanelFormsTotalDetails } from "./indexType";
  * 右侧容器的配置
  */
 export interface PopsPanelRightAsideContainerOptions {
-	/** 把获取的项<li>元素添加到这个<ul>元素内 */
+	/** 当前的<li>元素 */
+	target: HTMLLIElement | undefined;
+	/** 当前的<li>元素的父<ul>元素 */
 	ulElement: HTMLUListElement;
-	/**  */
+	/** 当前的<li>元素所在的统一的<ul>元素 */
 	sectionContainerULElement?: HTMLUListElement;
 	/**  */
 	formContainerListElement?: HTMLLIElement;

package/src/components/panel/index.css

@@ -573,6 +573,7 @@ section.pops-panel-container
 	border: 1px solid #dcdfe6;
 	border-radius: 4px;
 	background-color: #ffffff;
+	position: relative;
 }
 .pops-panel-input:hover {
 	box-shadow: 0 0 0 1px #c0c4cc inset;
@@ -586,17 +587,12 @@ section.pops-panel-container
 .pops-panel-input input {
 	display: inline-flex;
 	justify-content: center;
+	text-align: start;
 	align-items: center;
-	line-height: normal;
 	align-content: center;
-	height: 32px;
 	white-space: nowrap;
 	cursor: text;
-	text-align: center;
 	box-sizing: border-box;
-	outline: 0;
-	transition: 0.1s;
-	font-weight: 500;
 	user-select: none;
 	-webkit-user-select: none;
 	-moz-user-select: none;
@@ -605,12 +601,17 @@ section.pops-panel-container
 	-webkit-appearance: none;
 	appearance: none;
 	background-color: transparent;
+	outline: 0;
+	transition: 0.1s;
 	border: 0;
-	padding: 8px 8px;
 	font-size: 14px;
-	text-align: start;
+	font-weight: 500;
+	line-height: normal;
+	height: 32px;
 	width: 100%;
 	flex: 1;
+	margin-right: calc(1em + 8px);
+	padding: 8px 8px;
 }
 .pops-panel-input span.pops-panel-input__suffix {
 	display: inline-flex;
@@ -623,6 +624,8 @@ section.pops-panel-container
 	transition: all 0.3s;
 	pointer-events: none;
 	margin: 0 8px;
+	position: absolute;
+	right: 0px;
 }
 .pops-panel-input span.pops-panel-input__suffix-inner {
 	pointer-events: all;