@whitesev/pops 2.2.3 → 2.2.5

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

@@ -35,10 +35,10 @@ declare class Pops {
         /** icon图标的svg代码 */
         iconSVG: {
             loading: string;
+            close: string;
             min: string;
-            max: string;
             mise: string;
-            close: string;
+            max: string;
             edit: string;
             share: string;
             delete: string;
@@ -71,12 +71,12 @@ declare class Pops {
         instData: {
             iframe: import("./types/inst").PopsInstCommonConfig[];
             loading: import("./types/inst").PopsInstCommonConfig[];
-            folder: import("./types/inst").PopsInstCommonConfig[];
             alert: import("./types/inst").PopsInstCommonConfig[];
             confirm: import("./types/inst").PopsInstCommonConfig[];
             prompt: import("./types/inst").PopsInstCommonConfig[];
             tooltip: import("./types/inst").PopsInstCommonConfig[];
             drawer: import("./types/inst").PopsInstCommonConfig[];
+            folder: import("./types/inst").PopsInstCommonConfig[];
             panel: import("./types/inst").PopsInstCommonConfig[];
             rightClickMenu: import("./types/inst").PopsInstCommonConfig[];
         };
@@ -112,9 +112,9 @@ declare class Pops {
             height(element: HTMLElement | string | Window | Document | typeof globalThis, isShow?: boolean, parent?: HTMLElement | ShadowRoot): number;
             outerWidth(element: HTMLElement | string | Window | Document, isShow?: boolean, parent?: HTMLElement | ShadowRoot): number;
             outerHeight(element: HTMLElement | string | Window, isShow?: boolean, parent?: HTMLElement | ShadowRoot): number;
-            addClassName(element: HTMLElement, className: string): void;
-            removeClassName(element: HTMLElement, className: string): void;
-            containsClassName(element: HTMLElement, className: string): boolean;
+            addClassName(element: Element | undefined | null, className: string): void;
+            removeClassName(element: Element | undefined | null, className: string): void;
+            containsClassName(element: HTMLElement | undefined | null, className: string): boolean;
             css(element: HTMLElement | string, property: keyof CSSStyleDeclaration): string;
             css(element: HTMLElement | string, property: string): string;
             css(element: HTMLElement | string, property: keyof CSSStyleDeclaration & string, value: string | number): string;
@@ -372,14 +372,14 @@ declare class Pops {
             showArrow: boolean;
             arrowDistance: number;
             otherDistance: number;
+            style: string | null;
             useShadowRoot: boolean;
             only: boolean;
             zIndex: number | (() => number);
-            style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         $shadowContainer: HTMLDivElement;
-        $shadowRoot: HTMLDivElement | ShadowRoot;
+        $shadowRoot: ShadowRoot | HTMLDivElement;
         toolTip: import("./components/tooltip").ToolTip;
     };
     /**
@@ -418,7 +418,7 @@ declare class Pops {
     rightClickMenu: (details: PopsRightClickMenuDetails) => {
         guid: string;
         config: {
-            target: HTMLElement | Node | {
+            target: Node | HTMLElement | {
                 addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
                 dispatchEvent: (event: Event) => boolean;
                 removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
@@ -21064,10 +21064,10 @@ declare class Pops {
             className: string;
             isAnimation: boolean;
             preventDefault: boolean;
+            style: string | null;
             useShadowRoot: boolean;
             only: boolean;
             zIndex: number | (() => number);
-            style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         removeWindowCheckClickListener: () => void;

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

@@ -1,10 +1,10 @@
 export declare const PopsIcon: {
     $data: {
         loading: string;
+        close: string;
         min: string;
-        max: string;
         mise: string;
-        close: string;
+        max: string;
         edit: string;
         share: string;
         delete: string;

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

@@ -65,7 +65,7 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
     /**
      * （可选）是否禁用
      */
-    disabled?: boolean | ((value: T) => boolean);
+    disabled?: boolean | (() => boolean);
     /**
      * 提示文字
      */

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

@@ -3,7 +3,7 @@ export declare const PopsRightClickMenu: {
     init(details: PopsRightClickMenuDetails): {
         guid: string;
         config: {
-            target: HTMLElement | Node | {
+            target: Node | HTMLElement | {
                 addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean) => void;
                 dispatchEvent: (event: Event) => boolean;
                 removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean) => void;
@@ -20649,10 +20649,10 @@ export declare const PopsRightClickMenu: {
             className: string;
             isAnimation: boolean;
             preventDefault: boolean;
+            style: string | null;
             useShadowRoot: boolean;
             only: boolean;
             zIndex: number | (() => number);
-            style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         removeWindowCheckClickListener: () => void;

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

@@ -219,14 +219,14 @@ export declare const PopsTooltip: {
             showArrow: boolean;
             arrowDistance: number;
             otherDistance: number;
+            style: string | null;
             useShadowRoot: boolean;
             only: boolean;
             zIndex: number | (() => number);
-            style: string | null;
             beforeAppendToPageCallBack: ($shadowRoot: ShadowRoot | HTMLElement, $shadowContainer: HTMLDivElement) => void;
         };
         $shadowContainer: HTMLDivElement;
-        $shadowRoot: HTMLDivElement | ShadowRoot;
+        $shadowRoot: ShadowRoot | HTMLDivElement;
         toolTip: ToolTip;
     };
 };

package/dist/types/src/config/CommonCSSClassName.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 通用的CSS类名
+ */
+export declare const PopsCommonCSSClassName: {
+    flexCenter: string;
+    flexYCenter: string;
+    flexXCenter: string;
+    hide: string;
+    hideImportant: string;
+    noBorder: string;
+    noBorderImportant: string;
+    userSelectNone: string;
+    lineHeightCenter: string;
+    widthFill: string;
+    textIsDisabled: string;
+    textIsDisabledImportant: string;
+};

package/dist/types/src/{GlobalConfig.d.ts → config/GlobalConfig.d.ts}

@@ -1,4 +1,4 @@
-import type { PopsCommonConfig, PopsDragConfig } from "./types/components";
+import type { PopsCommonConfig, PopsDragConfig } from "../types/components";
 type EnterReturnType<T> = null | T | (() => T);
 type GlobalConfigOption = {
     style?: EnterReturnType<string>;
@@ -21,9 +21,9 @@ export declare const GlobalConfig: {
         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;
+        position?: import("../types/position").PopsPosition | undefined;
+        animation?: import("../types/animation").PopsAnimation | undefined;
+        mask?: import("../types/mask").PopsMaskDetails | undefined;
         forbiddenScroll?: boolean | undefined;
         beforeAppendToPageCallBack?: void;
         drag?: boolean | undefined;

package/dist/types/src/utils/PopsDOMUtils.d.ts

@@ -502,19 +502,19 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * @param element 目标元素
      * @param className className属性
      */
-    addClassName(element: HTMLElement, className: string): void;
+    addClassName(element: Element | undefined | null, className: string): void;
     /**
      * 删除className
      * @param element 目标元素
      * @param className className属性
      */
-    removeClassName(element: HTMLElement, className: string): void;
+    removeClassName(element: Element | undefined | null, className: string): void;
     /**
      * 判断元素是否包含某个className
      * @param element 目标元素
      * @param className className属性
      */
-    containsClassName(element: HTMLElement, className: string): boolean;
+    containsClassName(element: HTMLElement | undefined | null, className: string): boolean;
     /**
      * 获取元素的样式属性值
      * @param element 目标元素

package/package.json

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

package/src/Pops.ts

@@ -25,7 +25,7 @@ import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/
 import { PopsSearchSuggestion } from "./components/searchSuggestion";
 import { PopsMathFloatUtils } from "./utils/PopsMathUtils";
 import { PanelHandlerComponents } from "./components/panel/handlerComponents";
-import { GlobalConfig } from "./GlobalConfig";
+import { GlobalConfig } from "./config/GlobalConfig";
 import { PopsTooltip } from "./components/tooltip";
 import { PopsCSS } from "./PopsCSS";
 import { PopsIcon } from "./PopsIcon";
@@ -36,7 +36,7 @@ class Pops {
 	/** 配置 */
 	config = {
 		/** 版本号 */
-		version: "2025.7.15",
+		version: "2025.7.16",
 		cssText: PopsCSS,
 		/** icon图标的svg代码 */
 		iconSVG: PopsIcon.$data,

package/src/components/alert/index.ts

@@ -1,4 +1,4 @@
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { popsDOMUtils } from "../../utils/PopsDOMUtils";

package/src/components/confirm/index.ts

@@ -1,4 +1,4 @@
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsCSS } from "../../PopsCSS";

package/src/components/drawer/index.ts

@@ -1,4 +1,4 @@
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsCSS } from "../../PopsCSS";

package/src/components/folder/index.ts

@@ -1,4 +1,4 @@
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsCSS } from "../../PopsCSS";

package/src/components/iframe/index.ts

@@ -1,5 +1,5 @@
 import { PopsCore } from "../../PopsCore";
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsCSS } from "../../PopsCSS";

package/src/components/loading/index.ts

@@ -1,4 +1,4 @@
-import { GlobalConfig } from "../../GlobalConfig";
+import { GlobalConfig } from "../../config/GlobalConfig";
 import { PopsElementHandler } from "../../handler/PopsElementHandler";
 import { PopsHandler } from "../../handler/PopsHandler";
 import { PopsCSS } from "../../PopsCSS";

package/src/components/panel/config.ts

@@ -34,7 +34,6 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 								type: "switch",
 								// @ts-ignore
 								props: {},
-								disabled: false,
 								attributes: [],
 								getValue() {
 									return true;
@@ -59,6 +58,21 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 								min: 1,
 								max: 100,
 							},
+							{
+								className: "panel-button",
+								text: "button",
+								type: "button",
+								// @ts-ignore
+								props: {},
+								attributes: [],
+								buttonIcon: "view",
+								buttonIconIsLoading: true,
+								buttonType: "default",
+								buttonText: "default按钮",
+								callback(event) {
+									console.log("点击按钮", event);
+								},
+							},
 							{
 								className: "panel-button",
 								text: "button",
@@ -173,6 +187,7 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 						className: "panel-select",
 						text: "select",
 						type: "select",
+						disabled: true,
 						// @ts-ignore
 						props: {},
 						attributes: [],
@@ -215,6 +230,7 @@ export const PopsPanelConfig = (): DeepRequired<PopsPanelDetails> => {
 						className: "panel-select-multiple",
 						type: "select-multiple",
 						text: "select-multiple",
+						disabled: true,
 						// @ts-ignore
 						props: {},