@whitesev/pops 1.0.0

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

@@ -0,0 +1,332 @@
+declare class PopsDOMUtilsEvent {
+    /**
+     * 绑定事件
+     * @param element 需要绑定的元素|元素数组|window
+     * @param eventType 需要监听的事件
+     * @param callback 绑定事件触发的回调函数
+     * @param option
+     * + capture 表示事件是否在捕获阶段触发。默认为false，即在冒泡阶段触发
+     * + once 表示事件是否只触发一次。默认为false
+     * + passive 表示事件监听器是否不会调用preventDefault()。默认为false
+     * @example
+     * // 监听元素a.xx的click事件
+     * DOMUtils.on(document.querySelector("a.xx"),"click",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * DOMUtils.on("a.xx","click",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     */
+    on(element: PopsDOMUtilsElementEventType, eventType: string | string[], callback: (event: Event) => void, option?: boolean | AddEventListenerOptions): void;
+    on<T extends PopsDOMUtils_EventType>(element: PopsDOMUtilsElementEventType, eventType: T | T[], callback: (event: PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 绑定事件
+     * @param element 需要绑定的元素|元素数组|window
+     * @param eventType 需要监听的事件
+     * @param callback 绑定事件触发的回调函数
+     * @param option
+     * + capture 表示事件是否在捕获阶段触发。默认为false，即在冒泡阶段触发
+     * + once 表示事件是否只触发一次。默认为false
+     * + passive 表示事件监听器是否不会调用preventDefault()。默认为false
+     * @example
+     * // 监听元素a.xx的click事件
+     * DOMUtils.on(document.querySelector("a.xx"),"click",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * DOMUtils.on("a.xx","click",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     */
+    on<T extends Event>(element: PopsDOMUtilsElementEventType, eventType: string, callback: (event: T) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 绑定事件
+     * @param element 需要绑定的元素|元素数组|window
+     * @param eventType 需要监听的事件
+     * @param selector 子元素选择器
+     * @param callback 绑定事件触发的回调函数
+     * @param option
+     * + capture 表示事件是否在捕获阶段触发。默认为false，即在冒泡阶段触发
+     * + once 表示事件是否只触发一次。默认为false
+     * + passive 表示事件监听器是否不会调用preventDefault()。默认为false
+     * @example
+     * // 监听元素a.xx的click、tap、hover事件
+     * DOMUtils.on(document.querySelector("a.xx"),"click tap hover",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * DOMUtils.on("a.xx",["click","tap","hover"],(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * @example
+     * // 监听全局document下的子元素a.xx的click事件
+     * DOMUtils.on(document,"click tap hover","a.xx",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     */
+    on<T extends PopsDOMUtils_EventType>(element: PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | undefined | null, callback: (event: PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 绑定事件
+     * @param element 需要绑定的元素|元素数组|window
+     * @param eventType 需要监听的事件
+     * @param selector 子元素选择器
+     * @param callback 绑定事件触发的回调函数
+     * @param option
+     * + capture 表示事件是否在捕获阶段触发。默认为false，即在冒泡阶段触发
+     * + once 表示事件是否只触发一次。默认为false
+     * + passive 表示事件监听器是否不会调用preventDefault()。默认为false
+     * @example
+     * // 监听元素a.xx的click、tap、hover事件
+     * DOMUtils.on(document.querySelector("a.xx"),"click tap hover",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * DOMUtils.on("a.xx",["click","tap","hover"],(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     * @example
+     * // 监听全局document下的子元素a.xx的click事件
+     * DOMUtils.on(document,"click tap hover","a.xx",(event)=>{
+     *    console.log("事件触发",event)
+     * })
+     */
+    on<T extends Event>(element: PopsDOMUtilsElementEventType, eventType: string, selector: string | undefined | null, callback: (event: T) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 取消绑定事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType 需要取消监听的事件
+     * @param callback 通过DOMUtils.on绑定的事件函数
+     * @param option
+     * + capture 如果在添加事件监听器时指定了useCapture为true，则在移除事件监听器时也必须指定为true
+     * @param filter (可选)过滤函数，对元素属性上的事件进行过滤出想要删除的事件
+     * @example
+     * // 取消监听元素a.xx的click事件
+     * DOMUtils.off(document.querySelector("a.xx"),"click")
+     * DOMUtils.off("a.xx","click")
+     */
+    off(element: PopsDOMUtilsElementEventType, eventType: string | string[], callback?: (event: Event) => void, option?: boolean | AddEventListenerOptions, filter?: (value: PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
+    off<T extends PopsDOMUtils_EventType>(element: PopsDOMUtilsElementEventType, eventType: T | T[], callback?: (event: PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions, filter?: (value: PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
+    /**
+     * 取消绑定事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType 需要取消监听的事件
+     * @param callback 通过DOMUtils.on绑定的事件函数
+     * @param option
+     * + capture 如果在添加事件监听器时指定了useCapture为true，则在移除事件监听器时也必须指定为true
+     * @param filter (可选)过滤函数，对元素属性上的事件进行过滤出想要删除的事件
+     * @example
+     * // 取消监听元素a.xx的click事件
+     * DOMUtils.off(document.querySelector("a.xx"),"click")
+     * DOMUtils.off("a.xx","click")
+     */
+    off<T extends Event>(element: PopsDOMUtilsElementEventType, eventType: string, callback?: (event: T) => void, option?: boolean | AddEventListenerOptions, filter?: (value: PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
+    /**
+     * 取消绑定事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType 需要取消监听的事件
+     * @param selector 子元素选择器
+     * @param callback 通过DOMUtils.on绑定的事件函数
+     * @param option
+     * + capture 如果在添加事件监听器时指定了useCapture为true，则在移除事件监听器时也必须指定为true
+     * @param filter (可选)过滤函数，对元素属性上的事件进行过滤出想要删除的事件
+     * @example
+     * // 取消监听元素a.xx的click、tap、hover事件
+     * DOMUtils.off(document.querySelector("a.xx"),"click tap hover")
+     * DOMUtils.off("a.xx",["click","tap","hover"])
+     */
+    off<T extends PopsDOMUtils_EventType>(element: PopsDOMUtilsElementEventType, eventType: T | T[], selector?: string | undefined, callback?: (event: PopsDOMUtils_Event[T]) => void, option?: boolean | AddEventListenerOptions, filter?: (value: PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
+    /**
+     * 取消绑定事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType 需要取消监听的事件
+     * @param selector 子元素选择器
+     * @param callback 通过DOMUtils.on绑定的事件函数
+     * @param option
+     * + capture 如果在添加事件监听器时指定了useCapture为true，则在移除事件监听器时也必须指定为true
+     * @param filter (可选)过滤函数，对元素属性上的事件进行过滤出想要删除的事件
+     * @example
+     * // 取消监听元素a.xx的click、tap、hover事件
+     * DOMUtils.off(document.querySelector("a.xx"),"click tap hover")
+     * DOMUtils.off("a.xx",["click","tap","hover"])
+     */
+    off<T extends Event>(element: PopsDOMUtilsElementEventType, eventType: string | string[], selector?: string | undefined, callback?: (event: T) => void, option?: boolean | AddEventListenerOptions, filter?: (value: PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
+    /**
+     * 取消绑定所有的事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType （可选）需要取消监听的事件
+     */
+    offAll(element: PopsDOMUtilsElementEventType, eventType?: string): void;
+    /**
+     * 取消绑定所有的事件
+     * @param element 需要取消绑定的元素|元素数组
+     * @param eventType （可选）需要取消监听的事件
+     */
+    offAll(element: PopsDOMUtilsElementEventType, eventType?: PopsDOMUtils_EventType | PopsDOMUtils_EventType[]): void;
+    /**
+     * 等待文档加载完成后执行指定的函数
+     * @param callback 需要执行的函数
+     * @example
+     * DOMUtils.ready(function(){
+     *   console.log("文档加载完毕")
+     * })
+     */
+    ready<T extends Function>(callback: T): void;
+    /**
+     * 主动触发事件
+     * @param element 需要触发的元素|元素数组|window
+     * @param eventType 需要触发的事件
+     * @param details 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
+     * @param useDispatchToTriggerEvent 是否使用dispatchEvent来触发事件,默认true
+     * @example
+     * // 触发元素a.xx的click事件
+     * DOMUtils.trigger(document.querySelector("a.xx"),"click")
+     * DOMUtils.trigger("a.xx","click")
+     * // 触发元素a.xx的click、tap、hover事件
+     * DOMUtils.trigger(document.querySelector("a.xx"),"click tap hover")
+     * DOMUtils.trigger("a.xx",["click","tap","hover"])
+     */
+    trigger(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: string | string[], details?: object, useDispatchToTriggerEvent?: boolean): void;
+    /**
+     * 主动触发事件
+     * @param element 需要触发的元素|元素数组|window
+     * @param eventType 需要触发的事件
+     * @param details 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
+     * @param useDispatchToTriggerEvent 是否使用dispatchEvent来触发事件,默认true
+     * @example
+     * // 触发元素a.xx的click事件
+     * DOMUtils.trigger(document.querySelector("a.xx"),"click")
+     * DOMUtils.trigger("a.xx","click")
+     * // 触发元素a.xx的click、tap、hover事件
+     * DOMUtils.trigger(document.querySelector("a.xx"),"click tap hover")
+     * DOMUtils.trigger("a.xx",["click","tap","hover"])
+     */
+    trigger(element: HTMLElement | string | NodeList | any[] | Window | Document, eventType: PopsDOMUtils_EventType | PopsDOMUtils_EventType[], details?: object, useDispatchToTriggerEvent?: boolean): void;
+    /**
+     * 绑定或触发元素的click事件
+     * @param element 目标元素
+     * @param handler （可选）事件处理函数
+     * @param details （可选）赋予触发的Event的额外属性
+     * @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
+     * @example
+     * // 触发元素a.xx的click事件
+     * DOMUtils.click(document.querySelector("a.xx"))
+     * DOMUtils.click("a.xx")
+     * DOMUtils.click("a.xx"，function(){
+     *  console.log("触发click事件成功")
+     * })
+     * */
+    click(element: HTMLElement | string | Window, handler?: (event: PopsDOMUtils_Event["click"]) => void, details?: any, useDispatchToTriggerEvent?: boolean): void;
+    /**
+     * 绑定或触发元素的blur事件
+     * @param element 目标元素
+     * @param handler （可选）事件处理函数
+     * @param details （可选）赋予触发的Event的额外属性
+     * @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
+     * @example
+     * // 触发元素a.xx的blur事件
+     * DOMUtils.blur(document.querySelector("a.xx"))
+     * DOMUtils.blur("a.xx")
+     * DOMUtils.blur("a.xx"，function(){
+     *  console.log("触发blur事件成功")
+     * })
+     * */
+    blur(element: HTMLElement | string | Window, handler?: (event: PopsDOMUtils_Event["blur"]) => void, details?: object, useDispatchToTriggerEvent?: boolean): void;
+    /**
+     * 绑定或触发元素的focus事件
+     * @param element 目标元素
+     * @param handler （可选）事件处理函数
+     * @param details （可选）赋予触发的Event的额外属性
+     * @param useDispatchToTriggerEvent （可选）是否使用dispatchEvent来触发事件,默认true
+     * @example
+     * // 触发元素a.xx的focus事件
+     * DOMUtils.focus(document.querySelector("a.xx"))
+     * DOMUtils.focus("a.xx")
+     * DOMUtils.focus("a.xx"，function(){
+     *  console.log("触发focus事件成功")
+     * })
+     * */
+    focus(element: HTMLElement | string | Window, handler?: (event: PopsDOMUtils_Event["focus"]) => void, details?: object, useDispatchToTriggerEvent?: boolean): void;
+    /**
+     * 当鼠标移入或移出元素时触发事件
+     * @param element 当前元素
+     * @param handler 事件处理函数
+     * @param option 配置
+     * @example
+     * // 监听a.xx元素的移入或移出
+     * DOMUtils.hover(document.querySelector("a.xx"),()=>{
+     *   console.log("移入/移除");
+     * })
+     * DOMUtils.hover("a.xx",()=>{
+     *   console.log("移入/移除");
+     * })
+     */
+    hover(element: HTMLElement | string, handler: (event: PopsDOMUtils_Event["hover"]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 当按键松开时触发事件
+     * keydown - > keypress - > keyup
+     * @param target 当前元素
+     * @param handler 事件处理函数
+     * @param option 配置
+     * @example
+     * // 监听a.xx元素的按键松开
+     * DOMUtils.keyup(document.querySelector("a.xx"),()=>{
+     *   console.log("按键松开");
+     * })
+     * DOMUtils.keyup("a.xx",()=>{
+     *   console.log("按键松开");
+     * })
+     */
+    keyup(target: HTMLElement | string | Window | typeof globalThis, handler: (event: PopsDOMUtils_Event["keyup"]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 当按键按下时触发事件
+     * keydown - > keypress - > keyup
+     * @param target 目标
+     * @param handler 事件处理函数
+     * @param option 配置
+     * @example
+     * // 监听a.xx元素的按键按下
+     * DOMUtils.keydown(document.querySelector("a.xx"),()=>{
+     *   console.log("按键按下");
+     * })
+     * DOMUtils.keydown("a.xx",()=>{
+     *   console.log("按键按下");
+     * })
+     */
+    keydown(target: HTMLElement | Window | typeof globalThis | string, handler: (event: PopsDOMUtils_Event["keydown"]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 当按键按下时触发事件
+     * keydown - > keypress - > keyup
+     * @param target 目标
+     * @param handler 事件处理函数
+     * @param option 配置
+     * @example
+     * // 监听a.xx元素的按键按下
+     * DOMUtils.keypress(document.querySelector("a.xx"),()=>{
+     *   console.log("按键按下");
+     * })
+     * DOMUtils.keypress("a.xx",()=>{
+     *   console.log("按键按下");
+     * })
+     */
+    keypress(target: HTMLElement | Window | typeof globalThis | string, handler: (event: PopsDOMUtils_Event["keypress"]) => void, option?: boolean | AddEventListenerOptions): void;
+    /**
+     * 阻止事件传递
+     * @param element 要进行处理的元素
+     * @param eventNameList （可选）要阻止的事件名|列表
+     * @param capture （可选）是否捕获，默认false
+     * @example
+     * Utils.preventEvent(document.querySelector("a"),"click")
+     * @example
+     * Utils.preventEvent(event);
+     */
+    preventEvent(event: Event): boolean;
+    /**
+     * 阻止事件传递
+     * @param element 要进行处理的元素
+     * @param eventNameList （可选）要阻止的事件名|列表
+     * @param capture （可选）是否捕获，默认false
+     * @example
+     * Utils.preventEvent(document.querySelector("a"),"click")
+     * @example
+     * Utils.preventEvent(event);
+     */
+    preventEvent(element: HTMLElement, eventNameList?: string | string[], capture?: boolean): boolean;
+}
+export { PopsDOMUtilsEvent };

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

@@ -0,0 +1,25 @@
+export declare const PopsMathFloatUtils: {
+    /**
+     * 判断数字是否是浮点数
+     * @param num
+     */
+    isFloat(num: number): boolean;
+    /**
+     * 浮点数加法
+     * @param number1
+     * @param number2
+     */
+    add(number1: number, number2: number): number;
+    /**
+     * 减法
+     * @param number1
+     * @param number2
+     */
+    sub(number1: number, number2: number): string;
+    /**
+     * 除法
+     * @param number1
+     * @param number2
+     */
+    division(number1: number, number2: number): number;
+};

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

@@ -0,0 +1,85 @@
+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 { PopsPanelDetails } from "../components/panel/types";
+import type { PopsPromptDetails } from "../components/prompt/types";
+import type { PopsLayerMode } from "../types/main";
+export declare const PopsUIUtils: {
+    /**
+     * 获取所有弹窗中的最大的z-index
+     * @param defaultValue
+     */
+    getPopsMaxZIndex(defaultValue: number): {
+        zIndex: number;
+        animElement: HTMLDivElement;
+    };
+    /**
+     * 获取CSS Rule
+     * @param sheet
+     * @returns
+     */
+    getKeyFrames(sheet: CSSStyleSheet): {};
+    /**
+     * 删除配置中对应的对象
+     * @param moreLayerConfigList 配置实例列表
+     * @param  guid 唯一标识
+     * @param removeAll 是否全部删除
+     */
+    configRemove(moreLayerConfigList: PopsLayerCommonConfig[][], guid: string, removeAll?: boolean): PopsLayerCommonConfig[][];
+    /**
+     * 隐藏
+     * @param popsType
+     * @param layerConfigList
+     * @param guid
+     * @param config
+     * @param animElement
+     * @param maskElement
+     */
+    hide(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): void;
+    /**
+     * 显示
+     * @param popsType
+     * @param layerConfigList
+     * @param guid
+     * @param config
+     * @param animElement
+     * @param maskElement
+     */
+    show(popsType: PopsLayerMode, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement, maskElement: HTMLElement): void;
+    /**
+     * 关闭
+     * @param popsType
+     * @param layerConfigList
+     * @param guid
+     * @param config
+     * @param animElement
+     */
+    close(popsType: string, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): void;
+    /**
+     * 拖拽元素
+     * 说明：
+     * + 元素的position为absolute或者fixed
+     * + 会为元素的
+     * @param moveElement 需要拖拽的元素
+     * @param options 配置
+     */
+    drag(moveElement: HTMLElement, options: {
+        dragElement: HTMLElement;
+        limit: boolean;
+        extraDistance: number;
+        container?: Window | typeof globalThis | HTMLElement;
+        moveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+        endCallBack?: (moveElement: HTMLElement, left: number, top: number) => void;
+        preventEvent?: (event: TouchEvent | PointerEvent) => boolean;
+    }): void;
+    /**
+     * 排序数组
+     * @param getBeforeValueFun
+     * @param getAfterValueFun
+     * @param sortByDesc 排序是否降序，默认降序
+     */
+    sortElementListByProperty<T extends unknown>(getBeforeValueFun: (value: T) => T, getAfterValueFun: (value: T) => T, sortByDesc?: boolean): (after_obj: T, before_obj: T) => 1 | 0 | -1;
+};

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

@@ -0,0 +1,123 @@
+declare class PopsUtils {
+    /**
+     * 判断是否是window，例如window、self、globalThis
+     * @param target
+     */
+    isWin(target: any): boolean;
+    /**
+     * 判断对象是否是元素
+     * @param target
+     * @returns
+     * + true 是元素
+     * + false 不是元素
+     * @example
+     * Utils.isDOM(document.querySelector("a"))
+     * > true
+     */
+    isDOM(target: any): boolean;
+    /**
+     * 删除对象上的属性
+     * @param target
+     * @param propName
+     */
+    delete(target: any, propName: any): void;
+    /**
+     * JSON数据从源端替换到目标端中，如果目标端存在该数据则替换，不添加，返回结果为目标端替换完毕的结果
+     * @param target 目标数据
+     * @param source 源数据
+     * @param isAdd 是否可以追加键，默认false
+     * @example
+     * Utils.assign({"1":1,"2":{"3":3}}, {"2":{"3":4}});
+     * >
+     * {
+            "1": 1,
+            "2": {
+                "3": 4
+            }
+        }
+     */
+    assign<T1, T2 extends object, T3 extends boolean>(target: T1, source: T2, isAdd?: T3): T3 extends true ? T1 & T2 : T1;
+    /**
+     * 生成uuid
+     */
+    getRandomGUID(): string;
+    /**
+     * 字符串转HTMLElement
+     * @param elementString
+     * @returns
+     */
+    parseTextToDOM<R extends HTMLElement>(elementString: string): R;
+    /**
+     * 判断元素/页面中是否包含该元素
+     * @param target 需要判断的元素
+     * @param context 默认为body
+     */
+    contains(target: HTMLElement[] | HTMLElement): boolean;
+    contains(target: HTMLElement[] | HTMLElement, context: Document | Element | Node): boolean;
+    /**
+     * 获取格式化后的时间
+     * @param text （可选）需要格式化的字符串或者时间戳，默认：new Date()
+     * @param formatType （可选）格式化成的显示类型，默认：yyyy-MM-dd HH:mm:ss
+     * + yyyy 年
+     * + MM 月
+     * + dd 天
+     * + HH 时 (24小时制)
+     * + hh 时 (12小时制)
+     * + mm 分
+     * + ss 秒
+     * @returns {string}	返回格式化后的时间
+     * @example
+     * Utils.formatTime("2022-08-21 23:59:00","HH:mm:ss");
+     * > '23:59:00'
+     * @example
+     * Utils.formatTime(1899187424988,"HH:mm:ss");
+     * > '15:10:13'
+     * @example
+     * Utils.formatTime()
+     * > '2023-1-1 00:00:00'
+     **/
+    formatTime(text?: string | number | Date, formatType?: string): string;
+    /**
+     * 获取格式化后的时间
+     * @param text （可选）需要格式化的字符串或者时间戳，默认：new Date()
+     * @param formatType （可选）格式化成的显示类型，默认：yyyy-MM-dd HH:mm:ss
+     * + yyyy 年
+     * + MM 月
+     * + dd 天
+     * + HH 时 (24小时制)
+     * + hh 时 (12小时制)
+     * + mm 分
+     * + ss 秒
+     * @returns {string}	返回格式化后的时间
+     * @example
+     * Utils.formatTime("2022-08-21 23:59:00","HH:mm:ss");
+     * > '23:59:00'
+     * @example
+     * Utils.formatTime(1899187424988,"HH:mm:ss");
+     * > '15:10:13'
+     * @example
+     * Utils.formatTime()
+     * > '2023-1-1 00:00:00'
+     **/
+    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年MM月dd日 HH时mm分ss秒" | "yyyy年MM月dd日 hh:mm:ss" | "yyyy年MM月dd日 HH:mm:ss" | "yyyy-MM-dd" | "yyyyMMdd" | "HH:mm:ss"): string;
+    /**
+     * 格式化byte为KB、MB、GB、TB、PB、EB、ZB、YB、BB、NB、DB
+     * @param byteSize 字节
+     * @param addType （可选）是否添加单位
+     * + true (默认) 添加单位
+     * + false 不添加单位
+     * @returns
+     * + {string} 当addType为true时，且保留小数点末尾2位
+     * + {number} 当addType为false时，且保留小数点末尾2位
+     * @example
+     * Utils.formatByteToSize("812304");
+     * > '793.27KB'
+     * @example
+     * Utils.formatByteToSize("812304",false);
+     * > 793.27
+     **/
+    formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T): T extends true ? string : number;
+    AnyTouch: () => any;
+}
+declare const popsUtils: PopsUtils;
+export { popsUtils };

package/package.json

@@ -0,0 +1,42 @@
+{
+	"name": "@whitesev/pops",
+	"version": "1.0.0",
+	"description": "弹窗库",
+	"main": "dist/index.cjs.js",
+	"module": "dist/node/index.esm.js",
+	"types": "dist/types/index.d.ts",
+	"jsdelivr": "dist/index.umd.js",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"import": "./dist/index.esm.js",
+			"require": "./dist/index.cjs.js",
+			"types": "./dist/types/index.d.ts"
+		}
+	},
+	"files": [
+		"dist",
+		"src/types"
+	],
+	"scripts": {
+		"build": "rollup --config"
+	},
+	"keywords": [
+		"typescript",
+		"pops",
+		"dialog"
+	],
+	"author": "WhiteSev",
+	"license": "MIT",
+	"dependencies": {
+		"@rollup/plugin-commonjs": "^25.0.8",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-typescript": "^11.1.6",
+		"rollup-plugin-clear": "^2.0.7",
+		"tslib": "^2.6.2"
+	},
+	"devDependencies": {
+		"rollup-plugin-import-css": "^3.5.0",
+		"typescript": "^5.4.5"
+	}
+}