@whitesev/pops 2.2.8 → 2.3.0

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

@@ -1,24 +1,24 @@
-/**
- * config实例配置
- */
-export interface PopsInstConfig {
-	/** 固定id */
-	guid: string;
-	/** 动画元素 */
-	animElement: HTMLDivElement;
-	/** 主元素 */
-	popsElement: HTMLDivElement;
-	/** 遮罩层元素 */
-	maskElement?: HTMLDivElement;
-}
-/**
- * config实例通用配置
- */
-export interface PopsInstCommonConfig extends PopsInstConfig {
-	/** shadow容器 */
-	$shadowContainer: HTMLDivElement;
-	/** shadow容器的shandowRoot */
-	$shadowRoot: ShadowRoot | HTMLElement;
-	/** 移除实例前的回调函数 */
-	beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
-}
+/**
+ * config实例配置
+ */
+export interface PopsInstConfig {
+	/** 固定id */
+	guid: string;
+	/** 动画元素 */
+	animElement: HTMLDivElement;
+	/** 主元素 */
+	popsElement: HTMLDivElement;
+	/** 遮罩层元素 */
+	maskElement?: HTMLDivElement;
+}
+/**
+ * config实例通用配置
+ */
+export interface PopsInstCommonConfig extends PopsInstConfig {
+	/** shadow容器 */
+	$shadowContainer: HTMLDivElement;
+	/** shadow容器的shandowRoot */
+	$shadowRoot: ShadowRoot | HTMLElement;
+	/** 移除实例前的回调函数 */
+	beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
+}

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

@@ -1,122 +1,114 @@
-import type { PopsAlertDetails } from "../components/alert/types";
-import type { PopsConfirmDetails } from "../components/confirm/types";
-import type { PopsDrawerDetails } from "../components/drawer/types";
-import type { PopsFolderDetails } from "../components/folder/types";
-import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsLoadingDetails } from "../components/loading/types";
-import type { PopsPanelButtonDetails } from "../components/panel/types/components-button";
-import type { PopsPanelDeepMenuDetails } from "../components/panel/types/components-deepMenu";
-import type { PopsPanelDetails } from "../components/panel/types";
-import type { PopsPanelInputDetails } from "../components/panel/types/components-input";
-import type { PopsPanelOwnDetails } from "../components/panel/types/components-own";
-import type { PopsPanelSelectDetails } from "../components/panel/types/components-select";
-import type { PopsPanelSliderDetails } from "../components/panel/types/components-slider";
-import type { PopsPanelSwitchDetails } from "../components/panel/types/components-switch";
-import type { PopsPanelTextAreaDetails } from "../components/panel/types/components-textarea";
-import type { PopsPromptDetails } from "../components/prompt/types/index";
-import { PopsRightClickMenuDetails } from "../components/rightClickMenu/types";
-import { PopsToolTipDetails } from "../components/tooltip/types/index";
-import type { PopsSearchSuggestionDetails } from "../components/searchSuggestion/types";
-
-export interface PopsUtilsOwnObject<V extends any> {
-	[key: string]: V | PopsUtilsOwnObject<V>;
-}
-
-/** pops所有的类型配置 11个*/
-export interface PopsDetails {
-	alert: PopsAlertDetails;
-	confirm: PopsConfirmDetails;
-	prompt: PopsPromptDetails;
-	loading: PopsLoadingDetails;
-	iframe: PopsIframeDetails;
-	tooltip: PopsToolTipDetails;
-	drawer: PopsDrawerDetails;
-	folder: PopsFolderDetails;
-	panel: PopsPanelDetails;
-	rightClickMenu: PopsRightClickMenuDetails;
-	searchSuggestion: PopsSearchSuggestionDetails;
-}
-
-/** pops的类型 */
-export type PopsType = keyof PopsDetails;
-
-/** pops中支持only的配置 */
-export type PopsSupportOnlyDetails = Omit<PopsDetails, "searchSuggestion">;
-
-/** 存储实例的类型 */
-export type PopsInstStoreType = keyof Omit<PopsDetails, "searchSuggestion">;
-
-/** pops弹窗支持动画元素的配置 8个 */
-export type PopsSupportAnimDetails = Omit<
-	PopsDetails,
-	"tooltip" | "rightClickMenu" | "searchSuggestion"
->;
-
-/** pops弹窗支持动画元素的类型 */
-export type PopsSupportAnimDetailsType = keyof PopsSupportAnimDetails;
-
-/** pops弹窗支持标题栏的配置 */
-export type PopsSupportHeaderTitleDetails = Pick<
-	PopsDetails,
-	"alert" | "confirm" | "prompt" | "iframe" | "drawer" | "folder" | "panel"
->;
-
-/** pops弹窗支持标题栏的类型 */
-export type PopsSupportHeaderTitleDetailsType =
-	keyof PopsSupportHeaderTitleDetails;
-
-/** pops支持底部按钮的配置 */
-export type PopsSupportBottomBtnDetails = Pick<
-	PopsDetails,
-	"alert" | "confirm" | "prompt" | "drawer"
->;
-
-/** pops支持底部按钮的类型 */
-export type PopsSupportBottomBtnDetailsType =
-	keyof PopsSupportHeaderTitleDetails;
-
-/** pops支持中间内容的配置 */
-export type PopsSupportContentDetails = Pick<
-	PopsDetails,
-	"alert" | "confirm" | "prompt" | "drawer" | "loading"
->;
-
-/** pops支持中间内容的类型 */
-export type PopsSupportContentDetailsType = keyof PopsSupportContentDetails;
-
-/** panel的各种类型的配置项 */
-export type PopsPanelFormsTotalDetails =
-	| PopsPanelSwitchDetails
-	| PopsPanelSliderDetails
-	| PopsPanelInputDetails
-	| PopsPanelTextAreaDetails
-	| PopsPanelSelectDetails<any>
-	| PopsPanelButtonDetails
-	| PopsPanelDeepMenuDetails
-	| PopsPanelOwnDetails;
-
-/**
- * pops.xxx的调用返回值
- */
-export interface PopsCallResult {
-	/** 唯一标识id */
-	guid: string;
-	/** 影子元素 */
-	$shadowContainer: HTMLDivElement;
-	/** 影子元素的根节点 */
-	$shadowRoot: ShadowRoot | HTMLElement;
-	/** 元素 */
-	element: HTMLDivElement;
-	/** 动画层元素 */
-	animElement: HTMLDivElement;
-	/** pops元素 */
-	popsElement: HTMLDivElement;
-	/** 遮罩层元素 */
-	maskElement?: HTMLDivElement;
-	/** 关闭弹窗 */
-	close(): void;
-	/** 隐藏弹窗 */
-	hide(): void;
-	/** 显示弹窗 */
-	show(): void;
-}
+import type { PopsAlertDetails } from "../components/alert/types";
+import type { PopsConfirmDetails } from "../components/confirm/types";
+import type { PopsDrawerDetails } from "../components/drawer/types";
+import type { PopsFolderDetails } from "../components/folder/types";
+import type { PopsIframeDetails } from "../components/iframe/types";
+import type { PopsLoadingDetails } from "../components/loading/types";
+import type { PopsPanelButtonDetails } from "../components/panel/types/components-button";
+import type { PopsPanelDeepMenuDetails } from "../components/panel/types/components-deepMenu";
+import type { PopsPanelDetails } from "../components/panel/types";
+import type { PopsPanelInputDetails } from "../components/panel/types/components-input";
+import type { PopsPanelOwnDetails } from "../components/panel/types/components-own";
+import type { PopsPanelSelectDetails } from "../components/panel/types/components-select";
+import type { PopsPanelSliderDetails } from "../components/panel/types/components-slider";
+import type { PopsPanelSwitchDetails } from "../components/panel/types/components-switch";
+import type { PopsPanelTextAreaDetails } from "../components/panel/types/components-textarea";
+import type { PopsPromptDetails } from "../components/prompt/types/index";
+import { PopsRightClickMenuDetails } from "../components/rightClickMenu/types";
+import { PopsToolTipDetails } from "../components/tooltip/types/index";
+import type { PopsSearchSuggestionDetails } from "../components/searchSuggestion/types";
+
+export interface PopsUtilsOwnObject<V extends any> {
+	[key: string]: V | PopsUtilsOwnObject<V>;
+}
+
+/** pops所有的类型配置 11个*/
+export interface PopsDetails {
+	alert: PopsAlertDetails;
+	confirm: PopsConfirmDetails;
+	prompt: PopsPromptDetails;
+	loading: PopsLoadingDetails;
+	iframe: PopsIframeDetails;
+	tooltip: PopsToolTipDetails;
+	drawer: PopsDrawerDetails;
+	folder: PopsFolderDetails;
+	panel: PopsPanelDetails;
+	rightClickMenu: PopsRightClickMenuDetails;
+	searchSuggestion: PopsSearchSuggestionDetails;
+}
+
+/** pops的类型 */
+export type PopsType = keyof PopsDetails;
+
+/** pops中支持only的配置 */
+export type PopsSupportOnlyDetails = Omit<PopsDetails, "searchSuggestion">;
+
+/** 存储实例的类型 */
+export type PopsInstStoreType = keyof Omit<PopsDetails, "searchSuggestion">;
+
+/** pops弹窗支持动画元素的配置 8个 */
+export type PopsSupportAnimDetails = Omit<PopsDetails, "tooltip" | "rightClickMenu" | "searchSuggestion">;
+
+/** pops弹窗支持动画元素的类型 */
+export type PopsSupportAnimDetailsType = keyof PopsSupportAnimDetails;
+
+/** pops弹窗支持标题栏的配置 */
+export type PopsSupportHeaderTitleDetails = Pick<
+	PopsDetails,
+	"alert" | "confirm" | "prompt" | "iframe" | "drawer" | "folder" | "panel"
+>;
+
+/** pops弹窗支持标题栏的类型 */
+export type PopsSupportHeaderTitleDetailsType = keyof PopsSupportHeaderTitleDetails;
+
+/** pops支持底部按钮的配置 */
+export type PopsSupportBottomBtnDetails = Pick<PopsDetails, "alert" | "confirm" | "prompt" | "drawer">;
+
+/** pops支持底部按钮的类型 */
+export type PopsSupportBottomBtnDetailsType = keyof PopsSupportHeaderTitleDetails;
+
+/** pops支持中间内容的配置 */
+export type PopsSupportContentDetails = Pick<
+	PopsDetails,
+	"alert" | "confirm" | "prompt" | "drawer" | "loading"
+>;
+
+/** pops支持中间内容的类型 */
+export type PopsSupportContentDetailsType = keyof PopsSupportContentDetails;
+
+/** panel的各种类型的配置项 */
+export type PopsPanelFormsTotalDetails =
+	| PopsPanelSwitchDetails
+	| PopsPanelSliderDetails
+	| PopsPanelInputDetails
+	| PopsPanelTextAreaDetails
+	| PopsPanelSelectDetails<any>
+	| PopsPanelButtonDetails
+	| PopsPanelDeepMenuDetails
+	| PopsPanelOwnDetails;
+
+/**
+ * pops.xxx的调用返回值
+ */
+export interface PopsCallResult {
+	/** 唯一标识id */
+	guid: string;
+	/** 影子元素 */
+	$shadowContainer: HTMLDivElement;
+	/** 影子元素的根节点 */
+	$shadowRoot: ShadowRoot | HTMLElement;
+	/** 元素 */
+	element: HTMLDivElement;
+	/** 动画层元素 */
+	animElement: HTMLDivElement;
+	/** pops元素 */
+	popsElement: HTMLDivElement;
+	/** 遮罩层元素 */
+	maskElement?: HTMLDivElement;
+	/** 关闭弹窗 */
+	close(): void;
+	/** 隐藏弹窗 */
+	hide(): void;
+	/** 显示弹窗 */
+	show(): void;
+}

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

@@ -1,49 +1,49 @@
-import type { PopsAlertDetails } from "../components/alert/types";
-import type { PopsDrawerDetails } from "../components/drawer/types";
-import type { PopsFolderDetails } from "../components/folder/types";
-import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsLoadingDetails } from "../components/loading/types";
-import type { PopsPanelDetails } from "../components/panel/types";
-import type { PopsPromptDetails } from "../components/prompt/types/index";
-
-/**
- * 遮罩层配置
- */
-export interface PopsMaskDetails {
-	/**
-	 * 是否启用遮罩层，默认false
-	 * @default false
-	 */
-	enable?: boolean;
-	clickEvent?: {
-		/**
-		 * 点击遮罩层是否触发关闭事件
-		 * @default false
-		 */
-		toClose?: boolean;
-		/**
-		 * 点击遮罩层是否触发隐藏事件
-		 * @default false
-		 */
-		toHide?: boolean;
-	};
-	/**
-	 * 遮罩层自定义的点击事件
-	 * @param originalRun 当toClose为true，它是关闭弹窗，当toHide为true，它是隐藏弹窗
-	 * @param config 配置信息
-	 */
-	clickCallBack?:
-		| ((
-				originalRun: () => void | Promise<void>,
-				config:
-					| PopsAlertDetails
-					| PopsDrawerDetails
-					| PopsIframeDetails
-					| PopsPromptDetails
-					| PopsFolderDetails
-					| PopsLoadingDetails
-					| PopsPanelDetails
-		  ) => void)
-		| undefined
-		| null;
-}
+import type { PopsAlertDetails } from "../components/alert/types";
+import type { PopsDrawerDetails } from "../components/drawer/types";
+import type { PopsFolderDetails } from "../components/folder/types";
+import type { PopsIframeDetails } from "../components/iframe/types";
+import type { PopsLoadingDetails } from "../components/loading/types";
+import type { PopsPanelDetails } from "../components/panel/types";
+import type { PopsPromptDetails } from "../components/prompt/types/index";
+
+/**
+ * 遮罩层配置
+ */
+export interface PopsMaskDetails {
+	/**
+	 * 是否启用遮罩层，默认false
+	 * @default false
+	 */
+	enable?: boolean;
+	clickEvent?: {
+		/**
+		 * 点击遮罩层是否触发关闭事件
+		 * @default false
+		 */
+		toClose?: boolean;
+		/**
+		 * 点击遮罩层是否触发隐藏事件
+		 * @default false
+		 */
+		toHide?: boolean;
+	};
+	/**
+	 * 遮罩层自定义的点击事件
+	 * @param originalRun 当toClose为true，它是关闭弹窗，当toHide为true，它是隐藏弹窗
+	 * @param config 配置信息
+	 */
+	clickCallBack?:
+		| ((
+				originalRun: () => void | Promise<void>,
+				config:
+					| PopsAlertDetails
+					| PopsDrawerDetails
+					| PopsIframeDetails
+					| PopsPromptDetails
+					| PopsFolderDetails
+					| PopsLoadingDetails
+					| PopsPanelDetails
+		  ) => void)
+		| undefined
+		| null;
+}

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

@@ -1,60 +1,60 @@
-/**
- * 弹窗位置
- */
-export type PopsPosition =
-	| "top_left"
-	| "top"
-	| "top_right"
-	| "center_left"
-	| "center"
-	| "center_right"
-	| "bottom_left"
-	| "bottom"
-	| "bottom_right";
-
-/**
- * 按钮位置
- */
-export type PopsJustifyContent =
-	| "center"
-	| "end"
-	| "flex-end"
-	| "flex-start"
-	| "left"
-	| "normal"
-	| "right"
-	| "space-around"
-	| "space-between"
-	| "space-evenly"
-	| "start"
-	| "stretch"
-	| "inherit"
-	| "initial"
-	| "revert"
-	| "revert-layer"
-	| "unset";
-
-/**
- * text-align
- */
-export type PopsTextAlign =
-	| "center"
-	| "end"
-	| "justify"
-	| "left"
-	| "right"
-	| "start"
-	| "-webkit-auto"
-	| "-moz-center-or-inherit"
-	| "-webkit-center"
-	| "-moz-center"
-	| "-webkit-left"
-	| "-moz-left"
-	| "-webkit-match-parent"
-	| "-webkit-right"
-	| "-moz-right"
-	| "inherit"
-	| "initial"
-	| "revert"
-	| "revert-layer"
-	| "unset";
+/**
+ * 弹窗位置
+ */
+export type PopsPosition =
+	| "top_left"
+	| "top"
+	| "top_right"
+	| "center_left"
+	| "center"
+	| "center_right"
+	| "bottom_left"
+	| "bottom"
+	| "bottom_right";
+
+/**
+ * 按钮位置
+ */
+export type PopsJustifyContent =
+	| "center"
+	| "end"
+	| "flex-end"
+	| "flex-start"
+	| "left"
+	| "normal"
+	| "right"
+	| "space-around"
+	| "space-between"
+	| "space-evenly"
+	| "start"
+	| "stretch"
+	| "inherit"
+	| "initial"
+	| "revert"
+	| "revert-layer"
+	| "unset";
+
+/**
+ * text-align
+ */
+export type PopsTextAlign =
+	| "center"
+	| "end"
+	| "justify"
+	| "left"
+	| "right"
+	| "start"
+	| "-webkit-auto"
+	| "-moz-center-or-inherit"
+	| "-webkit-center"
+	| "-moz-center"
+	| "-webkit-left"
+	| "-moz-left"
+	| "-webkit-match-parent"
+	| "-webkit-right"
+	| "-moz-right"
+	| "inherit"
+	| "initial"
+	| "revert"
+	| "revert-layer"
+	| "unset";

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@whitesev/pops",
-  "version": "2.2.8",
-  "type": "module",
+  "version": "2.3.0",
   "description": "弹窗库",
+  "type": "module",
+  "homepage": "https://github.com/WhiteSevs/TamperMonkeyScript/tree/master/lib/pops#readme",
+  "bugs": {
+    "url": "https://github.com/WhiteSevs/TamperMonkeyScript/issues"
+  },
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
@@ -17,8 +21,7 @@
     }
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,9 +52,11 @@
     "typescript": "^5.8.3"
   },
   "scripts": {
-    "dev": "npx rollup -c -w",
-    "build": "npx rollup -c",
-    "build:all": "npx rollup -c",
-    "build:all-new": "npx rollup -c"
+    "dev": "pnpm run format & npx rollup -c -w",
+    "build": "pnpm run format & npx rollup -c",
+    "build:all": "pnpm run format & npx rollup -c",
+    "build:all-new": "pnpm run format & npx rollup -c",
+    "format": "npx prettier -w src/**/*.ts src/**/*.css",
+    "release": "npm publish"
   }
 }