@whitesev/pops 1.5.4 → 1.5.6

package/dist/types/src/components/prompt/indexType.d.ts

@@ -19,12 +19,19 @@ export interface PopsPromptDetails extends PopsTitleConfig, PopsDragConfig, Pops
         password?: boolean;
         /**
          * 是否支持多行输入
+         * @default false
          */
         row?: boolean;
         /**
          * 是否自动获取焦点
+         * @default true
          */
         focus?: boolean;
+        /**
+         * 是否自动选择输入框的所有文字
+         * @default false
+         */
+        select?: boolean;
         /**
          * 输入框内的提示文字
          */

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

@@ -22,10 +22,12 @@ export interface PopsTitleConfig {
 		text?: string;
 		/**
 		 * 文字的位置
+		 * @default "left"
 		 */
 		position?: PopsTextAlign;
 		/**
 		 * 文字是否是html
+		 * @default false
 		 */
 		html?: boolean;
 		/**
@@ -46,6 +48,7 @@ export interface PopsContentConfig {
 		text?: string;
 		/**
 		 * 文字是否是html
+		 * @default false
 		 */
 		html?: boolean;
 		/**
@@ -60,7 +63,8 @@ export interface PopsContentConfig {
 export interface PopsButtonConfig {
 	btn?: {
 		/**
-		 * 按钮的位置，默认left
+		 * 按钮的位置
+		 * @default "flex-end"
 		 */
 		position?: PopsJustifyContent;
 		/**
@@ -76,14 +80,17 @@ export interface PopsMoreButtonConfig<T = {}> {
 	btn?: PopsButtonConfig["btn"] & {
 		/**
 		 * 是否合并按钮
+		 * @default false
 		 */
 		merge?: boolean;
 		/**
 		 * 是否对合并的按钮逆反
+		 * @default false
 		 */
 		mergeReverse?: boolean;
 		/**
 		 * 是否逆反
+		 * @default false
 		 */
 		reverse?: boolean;
 		/**
@@ -106,14 +113,17 @@ export interface PopsMoreButtonConfig<T = {}> {
 export interface PopsDragConfig {
 	/**
 	 *  是否可以按钮标题栏进行拖拽，默认false
+	 * @default false
 	 */
 	drag?: boolean;
 	/**
 	 * 是否限制拖拽在浏览器窗口内移动，默认true
+	 * @default true
 	 */
 	dragLimit?: boolean;
 	/**
 	 * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
+	 * @default 3
 	 */
 	dragExtraDistance?: number;
 	/**
@@ -149,26 +159,32 @@ export interface PopsCommonConfig {
 	class?: string;
 	/**
 	 * 是否是唯一的，默认false
+	 * @default false
 	 */
 	only?: boolean;
 	/**
 	 *  宽度，默认350px
+	 * @default 350
 	 */
 	width: string;
 	/**
 	 *  高度，默认200px
+	 * @default 200
 	 */
 	height: string;
 	/**
 	 * 位置，默认center
+	 * @default "center"
 	 */
 	position?: PopsPosition;
 	/**
 	 * 动画，默认pops-anim-fadein-zoom
+	 * @default "pops-anim-fadein-zoom"
 	 */
 	animation?: PopsAnimation;
 	/**
 	 * z-index显示层级，默认10000
+	 * @default 10000
 	 */
 	zIndex?: number | (() => number);
 	/**
@@ -179,6 +195,7 @@ export interface PopsCommonConfig {
 	 * 是否禁用页面滚动，默认false
 	 *
 	 * 暂时不会生效
+	 * @default false
 	 */
 	forbiddenScroll?: boolean;
 	/**

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

@@ -4,15 +4,18 @@
 export interface PopsMaskDetails {
 	/**
 	 * 是否启用遮罩层，默认false
+	 * @default false
 	 */
 	enable?: boolean;
 	clickEvent?: {
 		/**
 		 * 点击遮罩层是否触发关闭事件
+		 * @default false
 		 */
 		toClose?: boolean;
 		/**
 		 * 点击遮罩层是否触发隐藏事件
+		 * @default false
 		 */
 		toHide?: boolean;
 	};

package/package.json

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

package/src/Pops.ts

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

package/src/components/panel/index.css

@@ -109,7 +109,7 @@ section.pops-panel-container > ul li {
 	justify-content: space-between;
 	align-items: center;
 	margin: 10px 20px;
-	gap: 1rem;
+	gap: 10px;
 }
 section.pops-panel-container li.pops-panel-forms-container-item {
 	display: block;

package/src/components/prompt/index.ts

@@ -27,6 +27,7 @@ export class PopsPrompt {
 			},
 			content: {
 				text: "",
+				select: false,
 				password: false,
 				row: false,
 				focus: true,
@@ -288,9 +289,12 @@ export class PopsPrompt {
 		}
 		/* 设置自动获取焦点 */
 		if (config.content.focus) {
-			$input?.focus();
+			$input.focus();
+		}
+		/* 设置自动选中所有文字 */
+		if (config.content.select) {
+			$input.select();
 		}
-
 		return PopsHandler.handleResultDetails(eventDetails);
 	}
 }

package/src/components/prompt/indexType.ts

@@ -29,12 +29,19 @@ export interface PopsPromptDetails
 		password?: boolean;
 		/**
 		 * 是否支持多行输入
+		 * @default false
 		 */
 		row?: boolean;
 		/**
 		 * 是否自动获取焦点
+		 * @default true
 		 */
 		focus?: boolean;
+		/**
+		 * 是否自动选择输入框的所有文字
+		 * @default false
+		 */
+		select?: boolean;
 		/**
 		 * 输入框内的提示文字
 		 */

package/src/types/components.d.ts

@@ -22,10 +22,12 @@ export interface PopsTitleConfig {
 		text?: string;
 		/**
 		 * 文字的位置
+		 * @default "left"
 		 */
 		position?: PopsTextAlign;
 		/**
 		 * 文字是否是html
+		 * @default false
 		 */
 		html?: boolean;
 		/**
@@ -46,6 +48,7 @@ export interface PopsContentConfig {
 		text?: string;
 		/**
 		 * 文字是否是html
+		 * @default false
 		 */
 		html?: boolean;
 		/**
@@ -60,7 +63,8 @@ export interface PopsContentConfig {
 export interface PopsButtonConfig {
 	btn?: {
 		/**
-		 * 按钮的位置，默认left
+		 * 按钮的位置
+		 * @default "flex-end"
 		 */
 		position?: PopsJustifyContent;
 		/**
@@ -76,14 +80,17 @@ export interface PopsMoreButtonConfig<T = {}> {
 	btn?: PopsButtonConfig["btn"] & {
 		/**
 		 * 是否合并按钮
+		 * @default false
 		 */
 		merge?: boolean;
 		/**
 		 * 是否对合并的按钮逆反
+		 * @default false
 		 */
 		mergeReverse?: boolean;
 		/**
 		 * 是否逆反
+		 * @default false
 		 */
 		reverse?: boolean;
 		/**
@@ -106,14 +113,17 @@ export interface PopsMoreButtonConfig<T = {}> {
 export interface PopsDragConfig {
 	/**
 	 *  是否可以按钮标题栏进行拖拽，默认false
+	 * @default false
 	 */
 	drag?: boolean;
 	/**
 	 * 是否限制拖拽在浏览器窗口内移动，默认true
+	 * @default true
 	 */
 	dragLimit?: boolean;
 	/**
 	 * 当启用dragLimit时，该参数为弹窗在窗口中的距离边际的距离，默认为3(px)
+	 * @default 3
 	 */
 	dragExtraDistance?: number;
 	/**
@@ -149,26 +159,32 @@ export interface PopsCommonConfig {
 	class?: string;
 	/**
 	 * 是否是唯一的，默认false
+	 * @default false
 	 */
 	only?: boolean;
 	/**
 	 *  宽度，默认350px
+	 * @default 350
 	 */
 	width: string;
 	/**
 	 *  高度，默认200px
+	 * @default 200
 	 */
 	height: string;
 	/**
 	 * 位置，默认center
+	 * @default "center"
 	 */
 	position?: PopsPosition;
 	/**
 	 * 动画，默认pops-anim-fadein-zoom
+	 * @default "pops-anim-fadein-zoom"
 	 */
 	animation?: PopsAnimation;
 	/**
 	 * z-index显示层级，默认10000
+	 * @default 10000
 	 */
 	zIndex?: number | (() => number);
 	/**
@@ -179,6 +195,7 @@ export interface PopsCommonConfig {
 	 * 是否禁用页面滚动，默认false
 	 *
 	 * 暂时不会生效
+	 * @default false
 	 */
 	forbiddenScroll?: boolean;
 	/**

package/src/types/mask.d.ts

@@ -4,15 +4,18 @@
 export interface PopsMaskDetails {
 	/**
 	 * 是否启用遮罩层，默认false
+	 * @default false
 	 */
 	enable?: boolean;
 	clickEvent?: {
 		/**
 		 * 点击遮罩层是否触发关闭事件
+		 * @default false
 		 */
 		toClose?: boolean;
 		/**
 		 * 点击遮罩层是否触发隐藏事件
+		 * @default false
 		 */
 		toHide?: boolean;
 	};