@whitesev/pops 2.0.9 → 2.0.11

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

@@ -1,7 +1,5 @@
-import { PopsLayerMode } from "./types/main";
 import type { PopsAlertDetails } from "./components/alert/indexType";
 import type { PopsConfirmDetails } from "./components/confirm/indexType";
-import type { PopsLayerCommonConfig } from "./types/layer";
 import type { PopsPromptDetails } from "./components/prompt/indexType";
 import type { PopsLoadingDetails } from "./components/loading/indexType";
 import type { PopsIframeDetails } from "./components/iframe/indexType";
@@ -10,7 +8,6 @@ import type { PopsDrawerDetails } from "./components/drawer/indexType";
 import type { PopsFolderDetails } from "./components/folder/indexType";
 import type { PopsPanelDetails } from "./components/panel/indexType";
 import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/indexType";
-import type { PopsIcon } from "./types/icon";
 import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/indexType";
 declare class Pops {
     /** 配置 */
@@ -18,49 +15,71 @@ declare class Pops {
         /** 版本号 */
         version: string;
         cssText: {
-            /** 主CSS */
             index: string;
-            /** 九宫格位置CSS */
             ninePalaceGridPosition: string;
-            /** 滚动条CSS */
             scrollbar: string;
-            /** 按钮CSS */
             button: string;
-            /** 通用的CSS */
             common: string;
-            /** 动画 */
             anim: string;
-            /** pops.alert */
             alertCSS: string;
-            /** pops.cponfirm */
             confirmCSS: string;
-            /** pops.prompt */
             promptCSS: string;
-            /** pops.loading */
             loadingCSS: string;
-            /** pops.iframe */
             iframeCSS: string;
-            /** pops.tooltip */
             tooltipCSS: string;
-            /** pops.drawer */
             drawerCSS: string;
-            /** pops.folder */
             folderCSS: string;
-            /** pops.folder */
             panelCSS: string;
-            /** pops.rightClickMenu */
             rightClickMenu: string;
         };
         /** icon图标的svg代码 */
-        iconSVG: { [key in PopsIcon]: string; };
+        iconSVG: {
+            loading: string;
+            min: string;
+            max: string;
+            mise: string;
+            close: string;
+            edit: string;
+            share: string;
+            delete: string;
+            search: string;
+            upload: string;
+            next: string;
+            prev: string;
+            eleme: string;
+            elemePlus: string;
+            chromeFilled: string;
+            cpu: string;
+            videoPlay: string;
+            videoPause: string;
+            headset: string;
+            monitor: string;
+            documentCopy: string;
+            picture: string;
+            circleClose: string;
+            view: string;
+            hide: string;
+            keyboard: string;
+            arrowRight: string;
+            arrowLeft: string;
+        };
         /** 当前已配置的动画@keyframes名字映射(初始化时生成) */
         animation: {
             [key: string]: CSSKeyframesRule;
         };
-        /** 是否初始化 */
-        isInit: boolean;
         /** 存储已创建的元素 */
-        layer: { [key in PopsLayerMode]: PopsLayerCommonConfig[]; };
+        layer: {
+            iframe: import("./types/layer").PopsLayerCommonConfig[];
+            loading: import("./types/layer").PopsLayerCommonConfig[];
+            folder: import("./types/layer").PopsLayerCommonConfig[];
+            alert: import("./types/layer").PopsLayerCommonConfig[];
+            confirm: import("./types/layer").PopsLayerCommonConfig[];
+            prompt: import("./types/layer").PopsLayerCommonConfig[];
+            drawer: import("./types/layer").PopsLayerCommonConfig[];
+            panel: import("./types/layer").PopsLayerCommonConfig[];
+            tooltip: import("./types/layer").PopsLayerCommonConfig[];
+            rightClickMenu: import("./types/layer").PopsLayerCommonConfig[];
+        };
         /** 禁止滚动 */
         forbiddenScroll: {
             event(event: Event): boolean;
@@ -72,13 +91,13 @@ declare class Pops {
             delete(target: any, propName: any): void;
             assign<T1, T2 extends object, T3 extends boolean>(target: T1, source: T2, isAdd?: T3 | undefined): T3 extends true ? T1 & T2 : T1;
             getRandomGUID(): string;
-            parseTextToDOM<R extends HTMLElement>(elementString: string): R;
             contains(target: any): boolean;
             contains(context: any, target?: any): boolean;
             formatTime(text?: string | number | Date, formatType?: string): string;
             formatTime(text?: string | number | Date, formatType?: "yyyy-MM-dd HH:mm:ss" | "yyyy/MM/dd HH:mm:ss" | "yyyy_MM_dd_HH_mm_ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH\u65F6mm\u5206ss\u79D2" | "yyyy\u5E74MM\u6708dd\u65E5 hh:mm:ss" | "yyyy\u5E74MM\u6708dd\u65E5 HH:mm:ss" | "yyyy-MM-dd" | "yyyyMMdd" | "HH:mm:ss"): string;
             formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T | undefined): T extends true ? string : number;
             AnyTouch: () => typeof import("any-touch").default;
+            isPhone(userAgent?: string): boolean;
             setTimeout(callback: Function, timeout?: number): number;
             clearTimeout(timeId: number | undefined): void;
             setInterval(callback: Function, timeout?: number): number;
@@ -105,6 +124,7 @@ declare class Pops {
             createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, property?: ({ [P in keyof HTMLElementTagNameMap[K]]?: HTMLElementTagNameMap[K][P] extends string | boolean | number ? HTMLElementTagNameMap[K][P] : never; } & {
                 [key: string]: any;
             }) | string, attributes?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCreateElementAttributesMap): HTMLElementTagNameMap[K];
+            parseTextToDOM<R extends HTMLElement>(elementString: string): R;
             getTextBoundingRect(input: HTMLInputElement | HTMLTextAreaElement, selectionStart: number | string, selectionEnd: number | string, debug: boolean): DOMRect;
             cssHide(ele: Element | null, isImportant?: boolean): void;
             cssShow(ele: Element | null): void;
@@ -120,6 +140,7 @@ declare class Pops {
             getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string): number;
             before(element: HTMLElement | Element | string, content: HTMLElement | string): void;
             after(element: HTMLElement | Element | string, content: HTMLElement | string): void;
+            getKeyFrames(sheet: CSSStyleSheet): {};
             on(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback: (event: Event) => void, option?: boolean | AddEventListenerOptions): void;
             on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions): void;
             on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string, callback: (event: T) => void, option?: boolean | AddEventListenerOptions): void;
@@ -158,11 +179,10 @@ declare class Pops {
                 isOverMaxZIndex: boolean;
             };
             getMaxZIndex(deviation?: number): number;
-            getKeyFrames(sheet: CSSStyleSheet): {};
-            removeInstance(moreLayerConfigList: PopsLayerCommonConfig[][], guid: string, isAll?: boolean): PopsLayerCommonConfig[][];
-            hide(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
-            show(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
-            close(popsType: string, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
+            removeInstance(moreLayerConfigList: import("./types/layer").PopsLayerCommonConfig[][], guid: string, isAll?: boolean): import("./types/layer").PopsLayerCommonConfig[][];
+            hide(popsType: import("./types/main").PopsLayerMode, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): Promise<void>;
+            show(popsType: import("./types/main").PopsLayerMode, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement?: HTMLElement): Promise<void>;
+            close(popsType: string, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
             drag(moveElement: HTMLElement, options: {
                 dragElement: HTMLElement;
                 limit: boolean;
@@ -21000,7 +21020,7 @@ declare class Pops {
             };
             targetSelector: string | null;
             data: {
-                icon: PopsIcon | string;
+                icon: import("./types/icon").PopsIconType | string;
                 iconIsLoading: boolean;
                 text: string | (() => string);
                 callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;

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

@@ -0,0 +1,14 @@
+export declare const PopsAnimation: {
+    $data: {
+        [key: string]: CSSKeyframesRule;
+    };
+    $flag: {
+        /** 是否初始化 */
+        isInit: boolean;
+    };
+    init(): void;
+    /**
+     * 判断是否存在某个动画名
+     */
+    hasAnim(name: string): boolean;
+};

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

@@ -0,0 +1,34 @@
+export declare const PopsCSS: {
+    /** 主CSS */
+    index: string;
+    /** 九宫格位置CSS */
+    ninePalaceGridPosition: string;
+    /** 滚动条CSS */
+    scrollbar: string;
+    /** 按钮CSS */
+    button: string;
+    /** 通用的CSS */
+    common: string;
+    /** 动画 */
+    anim: string;
+    /** pops.alert */
+    alertCSS: string;
+    /** pops.cponfirm */
+    confirmCSS: string;
+    /** pops.prompt */
+    promptCSS: string;
+    /** pops.loading */
+    loadingCSS: string;
+    /** pops.iframe */
+    iframeCSS: string;
+    /** pops.tooltip */
+    tooltipCSS: string;
+    /** pops.drawer */
+    drawerCSS: string;
+    /** pops.folder */
+    folderCSS: string;
+    /** pops.folder */
+    panelCSS: string;
+    /** pops.rightClickMenu */
+    rightClickMenu: string;
+};

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

@@ -0,0 +1,25 @@
+import type { PopsIconType } from "./types/icon";
+export declare const PopsIcon: {
+    $data: { [key in PopsIconType]: string; };
+    /**
+     * 判断是否存在某个icon
+     * @param iconName 图标名
+     */
+    hasIcon(iconName: string): boolean;
+    /**
+     * 获取icon
+     * @param iconName 图标名
+     */
+    getIcon(iconName: string): string | null;
+    /**
+     * 删除图标
+     * @param iconName 图标名
+     */
+    deleteIcon(iconName: string): boolean;
+    /**
+     * 设置图标
+     * @param iconName 图标名
+     * @param iconHTML 图标html
+     */
+    setIcon(iconName: string, iconHTML: string): void;
+};

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

@@ -0,0 +1,3 @@
+import type { PopsLayerCommonConfig } from "./types/layer";
+import type { PopsLayerMode } from "./types/main";
+export declare const PopsLayer: { [key in PopsLayerMode]: PopsLayerCommonConfig[]; };

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

@@ -1,6 +1,6 @@
 import type { PopsPanelCommonDetails } from "./commonType";
 import type { PopsButtonStyleType } from "../../types/button";
-import type { PopsIcon } from "../../types/icon";
+import type { PopsIconType } from "../../types/icon";
 /**
  * pops.panel的 button
  */
@@ -48,7 +48,7 @@ export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanel
     /**
      * 按钮的图标，已配置的svg请看pops.config.iconSVG，或者自定义的图标svg代码
      */
-    buttonIcon?: PopsIcon;
+    buttonIcon?: PopsIconType;
     /**
      * 按钮的图标在右边
      */

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

@@ -8,9 +8,14 @@ export interface PopsPanelSelectMultipleDataOption<T> {
     /**
      * 显示的文字
      */
-    text: string;
+    text: string | ((
+    /** 当前的值 */
+    value: T, 
+    /** 所有选中的配置信息 */
+    allSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]) => string);
     /**
      * 显示的文字是否是html
+     * @default false
      */
     isHTML?: boolean;
     /**
@@ -18,8 +23,10 @@ export interface PopsPanelSelectMultipleDataOption<T> {
      * 触发条件：
      * + 点击select元素
      * + select元素触发change事件
+     * @param value 当前的值
+     * @param allSelectedInfo 所有选中的配置信息
      */
-    disable?(value: T): boolean;
+    disable?(value: T, allSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]): boolean;
 }
 /**
  * pops.panel的 select
@@ -77,12 +84,7 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
      */
     callback?(
     /** 当前已选中的信息 */
-    isSelectedInfo: {
-        /** 值 */
-        value: T;
-        /** 显示的文字 */
-        text: string;
-    }[]): void;
+    isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]): void;
     /**
      * 点击某个项的元素触发该回调
      * @param event 点击事件
@@ -91,12 +93,7 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
      */
     clickCallBack?(event: PointerEvent | MouseEvent, 
     /** 当前已选中的信息 */
-    isSelectedInfo: {
-        /** 值 */
-        value: T;
-        /** 显示的文字 */
-        text: string;
-    }[]): void | boolean;
+    isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]): void | boolean;
     /**
      * 点击标签tag的关闭图标触发该回调
      * 如果返回boolean类型且为false，则阻止默认的事件
@@ -109,7 +106,7 @@ export interface PopsPanelSelectMultipleDetails<T = any> extends PopsPanelCommon
         /** 值 */
         value: T;
         /** 显示的文字 */
-        text: string;
+        text: PopsPanelSelectMultipleDataOption<T>["text"];
     }) => void | boolean;
     /**
      * 选择器内的数据组

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

@@ -1,4 +1,3 @@
-import type { PopsIcon } from "../../types/icon";
 import type { PopsRightClickMenuDetails } from "./indexType";
 export declare const PopsRightClickMenu: {
     init(details: PopsRightClickMenuDetails): {
@@ -20639,7 +20638,7 @@ export declare const PopsRightClickMenu: {
             };
             targetSelector: string | null;
             data: {
-                icon: PopsIcon | string;
+                icon: import("../../types/icon").PopsIconType | string;
                 iconIsLoading: boolean;
                 text: string | (() => string);
                 callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;

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

@@ -1,5 +1,5 @@
 import type { PopsCommonConfig } from "../../types/components";
-import type { PopsIcon } from "../../types/icon";
+import type { PopsIconType } from "../../types/icon";
 /**
  * pops.rightClickMenu的右键菜单配置
  */
@@ -7,7 +7,7 @@ export interface PopsRightClickMenuDataDetails {
     /**
      * svg图标
      */
-    icon: PopsIcon | string;
+    icon: PopsIconType | string;
     /**
      * 图标是否旋转
      */

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

@@ -1,5 +1,5 @@
 import { PopsEventDetails, PopsHandlerEventDetails } from "./event";
-import type { PopsIcon } from "./icon";
+import type { PopsIconType } from "./icon";
 
 /**
  * 按钮类型
@@ -79,7 +79,7 @@ export interface PopsButtonDetails<T = {}> {
 	/**
 	 * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
 	 */
-	icon: PopsIcon;
+	icon: PopsIconType;
 	/**
 	 * 图标按钮是否放在右边
 	 */
@@ -125,7 +125,7 @@ export interface PopsButtonDetailsAnyType<T = {}> {
 	/**
 	 * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
 	 */
-	icon: PopsIcon;
+	icon: PopsIconType;
 	/**
 	 * 图标按钮是否放在右边
 	 */

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

@@ -1,7 +1,7 @@
 /**
  * 按钮svg图标
  */
-export type PopsIcon =
+export type PopsIconType =
 	| "min"
 	| "mise"
 	| "max"

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

@@ -520,6 +520,12 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
     }) | string, 
     /** 自定义属性 */
     attributes?: PopsDOMUtilsCreateElementAttributesMap): HTMLElementTagNameMap[K];
+    /**
+     * 字符串转HTMLElement
+     * @param elementString
+     * @returns
+     */
+    parseTextToDOM<R extends HTMLElement>(elementString: string): R;
     /**
      * 获取文字的位置信息
      * @param input 输入框
@@ -635,6 +641,12 @@ declare class PopsDOMUtils extends PopsDOMUtilsEvent {
      * DOMUtils.after("a.xx","'<b class="xx"></b>")
      * */
     after(element: HTMLElement | Element | string, content: HTMLElement | string): void;
+    /**
+     * 获取CSS Rule
+     * @param sheet
+     * @returns
+     */
+    getKeyFrames(sheet: CSSStyleSheet): {};
 }
 declare const popsDOMUtils: PopsDOMUtils;
 export { popsDOMUtils };

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

@@ -42,12 +42,6 @@ export declare const PopsInstanceUtils: {
      * > 1001
      **/
     getMaxZIndex(deviation?: number): number;
-    /**
-     * 获取CSS Rule
-     * @param sheet
-     * @returns
-     */
-    getKeyFrames(sheet: CSSStyleSheet): {};
     /**
      * 删除配置中对应的对象
      * @param moreLayerConfigList 配置实例列表

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

@@ -42,12 +42,6 @@ declare class PopsUtils {
      * 生成uuid
      */
     getRandomGUID(): string;
-    /**
-     * 字符串转HTMLElement
-     * @param elementString
-     * @returns
-     */
-    parseTextToDOM<R extends HTMLElement>(elementString: string): R;
     /**
      * 判断元素/页面中是否包含该元素
      * @param target 需要判断的元素
@@ -119,6 +113,11 @@ declare class PopsUtils {
      **/
     formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T): T extends true ? string : number;
     AnyTouch: () => typeof AnyTouch;
+    /**
+     * 通过navigator.userAgent判断是否是手机访问
+     * @param userAgent
+     */
+    isPhone(userAgent?: string): boolean;
     /**
      * 自动使用 Worker 执行 setTimeout
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whitesev/pops",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "弹窗库",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -51,6 +51,7 @@
   "scripts": {
     "dev": "rollup --config --watch",
     "build": "rollup --config",
-    "build:all": "rollup --config"
+    "build:all": "rollup --config",
+    "build:all-new": "rollup --config"
   }
 }