@whitesev/pops 2.2.2 → 2.2.3

package/dist/types/src/components/panel/types/components-input.d.ts

@@ -5,10 +5,12 @@ import type { PopsPanelCommonDetails } from "./components-common";
 export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelInputDetails> {
     /**
      * （可选）className属性
+     * @default ""
      */
     className?: string;
     /**
      * （可选）自定义元素属性
+     * @default {}
      */
     attributes?: {
         [key: string]: any;
@@ -17,6 +19,7 @@ export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelI
     }[];
     /**
      * （可选）自定义属性
+     * @default {}
      */
     props?: {
         [K in keyof HTMLElement]?: HTMLElement[K];
@@ -27,6 +30,7 @@ export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelI
     text: string;
     /**
      * （可选）左边的文字下面的描述
+     * @default ""
      */
     description?: string;
     /**
@@ -35,8 +39,9 @@ export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelI
     type: "input";
     /**
      * （可选）是否禁用
+     * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | (() => boolean);
     /**
      * 获取该项的值的回调函数
      */
@@ -50,14 +55,17 @@ export interface PopsPanelInputDetails extends PopsPanelCommonDetails<PopsPanelI
     callback(event: InputEvent, value: string, valueAsNumber?: number): void;
     /**
      * （可选）输入框内的提示
+     * @default ""
      */
     placeholder?: string;
     /**
      * （可选）是否是密码框
+     * @default false
      */
     isPassword?: boolean;
     /**
      * （可选）是否是数字框
+     * @default false
      */
     isNumber?: boolean;
     /**

package/dist/types/src/components/panel/types/components-select.d.ts

@@ -7,10 +7,12 @@ import type { PopsPanelFormsTotalDetails } from ".";
 export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<PopsPanelSelectDetails> {
     /**
      * （可选）className属性
+     * @default ""
      */
     className?: string;
     /**
      * （可选）自定义元素属性
+     * @default {}
      */
     attributes?: {
         [key: string]: any;
@@ -19,6 +21,7 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
     }[];
     /**
      * （可选）自定义属性
+     * @default {}
      */
     props?: {
         [K in keyof HTMLElement]?: HTMLElement[K];
@@ -29,6 +32,7 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
     text: string;
     /**
      * （可选）左边的文字下面的描述
+     * @default ""
      */
     description?: string;
     /**
@@ -37,8 +41,9 @@ export interface PopsPanelSelectDetails<T = any> extends PopsPanelCommonDetails<
     type: "select";
     /**
      * （可选）是否禁用
+     * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | (() => boolean);
     /**
      * 获取该项的值的回调函数
      */

package/dist/types/src/components/panel/types/components-switch.d.ts

@@ -5,10 +5,12 @@ import type { PopsPanelCommonDetails } from "./components-common";
 export interface PopsPanelSwitchDetails extends PopsPanelCommonDetails<PopsPanelSwitchDetails> {
     /**
      * （可选）className属性
+     * @default ""
      */
     className?: string;
     /**
      * （可选）自定义元素属性
+     * @default {}
      */
     attributes?: {
         [key: string]: any;
@@ -17,6 +19,7 @@ export interface PopsPanelSwitchDetails extends PopsPanelCommonDetails<PopsPanel
     }[];
     /**
      * （可选）自定义属性
+     * @default {}
      */
     props?: {
         [K in keyof HTMLElement]?: HTMLElement[K];
@@ -27,6 +30,7 @@ export interface PopsPanelSwitchDetails extends PopsPanelCommonDetails<PopsPanel
     text: string;
     /**
      * （可选）左边的文字下面的描述
+     * @default ""
      */
     description?: string;
     /**
@@ -35,8 +39,9 @@ export interface PopsPanelSwitchDetails extends PopsPanelCommonDetails<PopsPanel
     type: "switch";
     /**
      * （可选）是否禁用
+     * @default false
      */
-    disabled?: false;
+    disabled?: boolean | (() => boolean);
     /**
      * 获取该项的值的回调函数
      */

package/dist/types/src/components/panel/types/components-textarea.d.ts

@@ -5,10 +5,12 @@ import type { PopsPanelCommonDetails } from "./components-common";
 export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPanelTextAreaDetails> {
     /**
      * （可选）className属性
+     * @default ""
      */
     className?: string;
     /**
      * （可选）自定义元素属性
+     * @default {}
      */
     attributes?: {
         [key: string]: any;
@@ -17,6 +19,7 @@ export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPan
     }[];
     /**
      * （可选）自定义属性
+     * @default {}
      */
     props?: {
         [K in keyof HTMLElement]?: HTMLElement[K];
@@ -27,6 +30,7 @@ export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPan
     text: string;
     /**
      * （可选）左边的文字下面的描述
+     * @default ""
      */
     description?: string;
     /**
@@ -35,8 +39,9 @@ export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPan
     type: "textarea";
     /**
      * （可选）是否禁用
+     * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | (() => boolean);
     /**
      * 获取该项的值的回调函数
      */
@@ -51,6 +56,7 @@ export interface PopsPanelTextAreaDetails extends PopsPanelCommonDetails<PopsPan
     }, value: string): void;
     /**
      * 输入框内的提示
+     * @default ""
      */
-    placeholder: string;
+    placeholder?: string;
 }

package/package.json

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

package/src/Pops.ts

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

package/src/components/panel/handlerComponents.ts

@@ -324,7 +324,11 @@ export const PanelHandlerComponents = () => {
 				},
 				init() {
 					this.setStatus(this.$data.value);
-					if (formConfig.disabled) {
+					let disabled =
+						typeof formConfig.disabled === "function"
+							? formConfig.disabled()
+							: formConfig.disabled;
+					if (disabled) {
 						this.disable();
 					}
 					this.setClickEvent();
@@ -1109,9 +1113,11 @@ export const PanelHandlerComponents = () => {
 				$li,
 				/*html*/ `
 				<div class="pops-panel-item-left-text">
-					<p class="pops-panel-item-left-main-text">${formConfig.text}</p>${leftDescriptionText}</div>
+					<p class="pops-panel-item-left-main-text">${
+						formConfig.text
+					}</p>${leftDescriptionText}</div>
 				<div class="pops-panel-input pops-user-select-none">
-					<input type="${inputType}" placeholder="${formConfig.placeholder}">
+					<input type="${inputType}" placeholder="${formConfig.placeholder ?? ""}">
 				</div>
 				`
 			);
@@ -1144,7 +1150,12 @@ export const PanelHandlerComponents = () => {
 					}
 
 					this.setInputChangeEvent();
-					if (formConfig.disabled) {
+					// 是否禁用复选框
+					let disabled =
+						typeof formConfig.disabled === "function"
+							? formConfig.disabled()
+							: formConfig.disabled;
+					if (disabled) {
 						this.disable();
 					}
 					if (typeof formConfig.handlerCallBack === "function") {
@@ -1348,7 +1359,11 @@ export const PanelHandlerComponents = () => {
 				init() {
 					this.setValue(this.$data.value);
 					this.setChangeEvent();
-					if (formConfig.disabled) {
+					let disabled =
+						typeof formConfig.disabled === "function"
+							? formConfig.disabled()
+							: formConfig.disabled;
+					if (disabled) {
 						this.disable();
 					}
 				},
@@ -1450,7 +1465,11 @@ export const PanelHandlerComponents = () => {
 					this.initOption();
 					this.setChangeEvent();
 					this.setClickEvent();
-					if (formConfig.disabled) {
+					let disabled =
+						typeof formConfig.disabled === "function"
+							? formConfig.disabled()
+							: formConfig.disabled;
+					if (disabled) {
 						this.disable();
 					}
 				},

package/src/components/panel/types/components-input.ts

@@ -7,10 +7,12 @@ export interface PopsPanelInputDetails
 	extends PopsPanelCommonDetails<PopsPanelInputDetails> {
 	/**
 	 * （可选）className属性
+	 * @default ""
 	 */
 	className?: string;
 	/**
 	 * （可选）自定义元素属性
+	 * @default {}
 	 */
 	attributes?:
 		| {
@@ -21,6 +23,7 @@ export interface PopsPanelInputDetails
 		  }[];
 	/**
 	 * （可选）自定义属性
+	 * @default {}
 	 */
 	props?: {
 		[K in keyof HTMLElement]?: HTMLElement[K];
@@ -31,6 +34,7 @@ export interface PopsPanelInputDetails
 	text: string;
 	/**
 	 * （可选）左边的文字下面的描述
+	 * @default ""
 	 */
 	description?: string;
 	/**
@@ -39,8 +43,9 @@ export interface PopsPanelInputDetails
 	type: "input";
 	/**
 	 * （可选）是否禁用
+	 * @default false
 	 */
-	disabled?: boolean;
+	disabled?: boolean | (() => boolean);
 	/**
 	 * 获取该项的值的回调函数
 	 */
@@ -54,14 +59,17 @@ export interface PopsPanelInputDetails
 	callback(event: InputEvent, value: string, valueAsNumber?: number): void;
 	/**
 	 * （可选）输入框内的提示
+	 * @default ""
 	 */
 	placeholder?: string;
 	/**
 	 * （可选）是否是密码框
+	 * @default false
 	 */
 	isPassword?: boolean;
 	/**
 	 * （可选）是否是数字框
+	 * @default false
 	 */
 	isNumber?: boolean;
 	/**

package/src/components/panel/types/components-select.ts

@@ -9,10 +9,12 @@ export interface PopsPanelSelectDetails<T = any>
 	extends PopsPanelCommonDetails<PopsPanelSelectDetails> {
 	/**
 	 * （可选）className属性
+	 * @default ""
 	 */
 	className?: string;
 	/**
 	 * （可选）自定义元素属性
+	 * @default {}
 	 */
 	attributes?:
 		| {
@@ -23,6 +25,7 @@ export interface PopsPanelSelectDetails<T = any>
 		  }[];
 	/**
 	 * （可选）自定义属性
+	 * @default {}
 	 */
 	props?: {
 		[K in keyof HTMLElement]?: HTMLElement[K];
@@ -33,6 +36,7 @@ export interface PopsPanelSelectDetails<T = any>
 	text: string;
 	/**
 	 * （可选）左边的文字下面的描述
+	 * @default ""
 	 */
 	description?: string;
 	/**
@@ -41,8 +45,9 @@ export interface PopsPanelSelectDetails<T = any>
 	type: "select";
 	/**
 	 * （可选）是否禁用
+	 * @default false
 	 */
-	disabled?: boolean;
+	disabled?: boolean | (() => boolean);
 	/**
 	 * 获取该项的值的回调函数
 	 */

package/src/components/panel/types/components-switch.ts

@@ -7,10 +7,12 @@ export interface PopsPanelSwitchDetails
 	extends PopsPanelCommonDetails<PopsPanelSwitchDetails> {
 	/**
 	 * （可选）className属性
+	 * @default ""
 	 */
 	className?: string;
 	/**
 	 * （可选）自定义元素属性
+	 * @default {}
 	 */
 	attributes?:
 		| {
@@ -21,6 +23,7 @@ export interface PopsPanelSwitchDetails
 		  }[];
 	/**
 	 * （可选）自定义属性
+	 * @default {}
 	 */
 	props?: {
 		[K in keyof HTMLElement]?: HTMLElement[K];
@@ -31,6 +34,7 @@ export interface PopsPanelSwitchDetails
 	text: string;
 	/**
 	 * （可选）左边的文字下面的描述
+	 * @default ""
 	 */
 	description?: string;
 	/**
@@ -39,8 +43,9 @@ export interface PopsPanelSwitchDetails
 	type: "switch";
 	/**
 	 * （可选）是否禁用
+	 * @default false
 	 */
-	disabled?: false;
+	disabled?: boolean | (() => boolean);
 	/**
 	 * 获取该项的值的回调函数
 	 */

package/src/components/panel/types/components-textarea.ts

@@ -7,10 +7,12 @@ export interface PopsPanelTextAreaDetails
 	extends PopsPanelCommonDetails<PopsPanelTextAreaDetails> {
 	/**
 	 * （可选）className属性
+	 * @default ""
 	 */
 	className?: string;
 	/**
 	 * （可选）自定义元素属性
+	 * @default {}
 	 */
 	attributes?:
 		| {
@@ -21,6 +23,7 @@ export interface PopsPanelTextAreaDetails
 		  }[];
 	/**
 	 * （可选）自定义属性
+	 * @default {}
 	 */
 	props?: {
 		[K in keyof HTMLElement]?: HTMLElement[K];
@@ -31,6 +34,7 @@ export interface PopsPanelTextAreaDetails
 	text: string;
 	/**
 	 * （可选）左边的文字下面的描述
+	 * @default ""
 	 */
 	description?: string;
 	/**
@@ -39,8 +43,9 @@ export interface PopsPanelTextAreaDetails
 	type: "textarea";
 	/**
 	 * （可选）是否禁用
+	 * @default false
 	 */
-	disabled?: boolean;
+	disabled?: boolean | (() => boolean);
 	/**
 	 * 获取该项的值的回调函数
 	 */
@@ -58,6 +63,7 @@ export interface PopsPanelTextAreaDetails
 	): void;
 	/**
 	 * 输入框内的提示
+	 * @default ""
 	 */
-	placeholder: string;
+	placeholder?: string;
 }