@whitesev/pops

import type { PopsAlertConfig } from "./components/alert/types"; import type { PopsConfirmConfig } from "./components/confirm/types"; import type { PopsDrawerConfig } from "./components/drawer/types"; import type { PopsFolderConfig } from "./components/folder/types"; import type { PopsIframeConfig } from "./components/iframe/types"; import type { PopsLoadingConfig } from "./components/loading/types"; import type { PopsPanelConfig } from "./components/panel/types"; import type { PopsPromptConfig } from "./components/prompt/types/index"; import type { PopsRightClickMenuConfig } from "./components/rightClickMenu/types"; import type { PopsSearchSuggestionConfig } from "./components/searchSuggestion/types/index"; import { PopsTooltip } from "./components/tooltip"; import type { PopsToolTipConfig } from "./components/tooltip/types/index"; import { EventEmiter } from "./event/EventEmiter"; import { popsUtils } from "./utils/PopsUtils"; declare class Pops { /** 配置 */ config: { /** 版本号 */ version: string; /** 样式配置 */ cssText: { index: string; ninePalaceGridPosition: string; scrollbar: string; button: string; common: string; anim: string; alertCSS: string; confirmCSS: string; promptCSS: string; loadingCSS: string; iframeCSS: string; tooltipCSS: string; drawerCSS: string; folderCSS: string; panelCSS: string; rightClickMenu: string; panelComponents_Select: string; skeletonCSS: string; }; /** icon图标的svg代码 */ iconSVG: { loading: string; close: string; min: string; max: string; search: string; mise: string; edit: string; share: string; delete: 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; }; /** 存储已创建的元素 */ instData: { iframe: import("./types/inst").PopsInstGeneralConfig[]; folder: import("./types/inst").PopsInstGeneralConfig[]; alert: import("./types/inst").PopsInstGeneralConfig[]; confirm: import("./types/inst").PopsInstGeneralConfig[]; prompt: import("./types/inst").PopsInstGeneralConfig[]; loading: import("./types/inst").PopsInstGeneralConfig[]; tooltip: import("./types/inst").PopsInstGeneralConfig[]; drawer: import("./types/inst").PopsInstGeneralConfig[]; panel: import("./types/inst").PopsInstGeneralConfig[]; rightClickMenu: import("./types/inst").PopsInstGeneralConfig[]; }; }; /** 导出的函数 */ fn: { /** pops使用的工具类 */ Utils: { sleep(timeout: number): Promise<unknown>; isWin(target: any): boolean; isDOM(target: any): boolean; isNodeList($ele: any): $ele is any[] | NodeList; 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; 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; AnyTouchDoubleTapPlugin: () => typeof import("@any-touch/doubletap").default; isPhone(userAgent?: string): boolean; setTimeout(callback: (...args: any[]) => any, timeout?: number): number; clearTimeout(timeId: number | undefined): void; setInterval(callback: (...args: any[]) => any, timeout?: number): number; clearInterval(timeId: number | undefined): void; setArray<T>(target: T, key: keyof T, newArr: any[]): void; getMaxZIndexNodeInfoFromPoint($el?: IFunction<IArray<HTMLElement> | IArray<{ x: number; y: number; }>>, deviation?: number): { zIndex: number; originZIndex: number; node: HTMLElement | null; positionNode: HTMLElement; positionX: number; positionY: number; }[]; getMaxZIndexNodeInfoFromPoint(deviation: IFunction<number>): { zIndex: number; originZIndex: number; node: HTMLElement | null; positionNode: HTMLElement; positionX: number; positionY: number; }[]; }; /** pops使用的DOM工具类 */ DOMUtils: { getAnimationEndNameList(): string[]; getTransitionEndNameList(): string[]; offset(element: HTMLElement, calcScroll?: boolean): DOMRect; width(element: HTMLElement | string | Window | Document | typeof globalThis, isShow?: boolean, parent?: HTMLElement | ShadowRoot): number; 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($el: Element | undefined | null, ...args: (string | string[] | (() => string | string[]) | undefined | null)[]): void; removeClassName($el: Element | undefined | null, ...args: (string | string[] | (() => string | string[]) | undefined | null)[]): void; containsClassName($el: Element | undefined | null, className: string): boolean; css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSPropertyType): string; css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: string): string; css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSPropertyType & string, value: string | number): string; css($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType, property: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCSSProperty | { [key: string]: string | number; } | string): string; 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; toElement<T1 extends boolean, T2 extends boolean>(html: string, useParser?: T1 | undefined, isComplete?: T2 | undefined): import("./types/PopsDOMUtilsEventType").ParseHTMLReturnType<T1, T2>; append(element: Element | Node | ShadowRoot | HTMLElement | string, content: HTMLElement | string | (HTMLElement | string | Element)[] | NodeList): void; appendHead($ele: HTMLElement): void; appendBody($ele: HTMLElement): void; isShow(element: HTMLElement): boolean; showElement($ele: HTMLElement, ownParent?: Node): { cloneNode: HTMLElement; recovery(): void; }; 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): {}; calcColor(): { hexToRgb: (str: string) => any; rgbToHex: (r: any, g: any, b: any) => string; getDarkColor: (color: string, level: number) => string; getLightColor: (color: string, level: number) => string; }; getTransform(element: HTMLElement): { transformLeft: number; transformTop: number; }; remove($el: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | null | undefined): void; get windowApi(): Window & typeof globalThis; on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType = "drag" | "click" | "scroll" | "blur" | "focus" | "search" | "input" | "resize" | "reset" | "play" | "change" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseover" | "mouseout" | "mouseup" | "hover" | "keydown" | "keypress" | "keyup" | "abort" | "beforeunload" | "error" | "hashchange" | "load" | "pageshow" | "pagehide" | "unload" | "focusin" | "focusout" | "copy" | "cut" | "paste" | "afterprint" | "beforeprint" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationend" | "animationiteration" | "animationstart" | "transitionend" | "touchstart" | "touchmove" | "touchend" | "touchcancel" | "touchenter" | "touchleave" | "message" | "online" | "offline" | "popstate" | "show" | "storage" | "toggle" | "wheel" | "propertychange" | "fullscreenchange" | "DOMContentLoaded">(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], handler: <E extends HTMLElement = HTMLElement>(this: E, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult; on<T extends Event = Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], handler: <E extends HTMLElement = HTMLElement>(this: E, event: T) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult; on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType = "drag" | "click" | "scroll" | "blur" | "focus" | "search" | "input" | "resize" | "reset" | "play" | "change" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseover" | "mouseout" | "mouseup" | "hover" | "keydown" | "keypress" | "keyup" | "abort" | "beforeunload" | "error" | "hashchange" | "load" | "pageshow" | "pagehide" | "unload" | "focusin" | "focusout" | "copy" | "cut" | "paste" | "afterprint" | "beforeprint" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationend" | "animationiteration" | "animationstart" | "transitionend" | "touchstart" | "touchmove" | "touchend" | "touchcancel" | "touchenter" | "touchleave" | "message" | "online" | "offline" | "popstate" | "show" | "storage" | "toggle" | "wheel" | "propertychange" | "fullscreenchange" | "DOMContentLoaded">(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | string[] | undefined | null, handler: <E extends HTMLElement = HTMLElement>(this: E, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], $selector: E) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult; on<T extends Event = Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector: string | string[] | undefined | null, handler: <E extends HTMLElement = HTMLElement>(this: E, event: T, $selector: E) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult; off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType = "drag" | "click" | "scroll" | "blur" | "focus" | "search" | "input" | "resize" | "reset" | "play" | "change" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseover" | "mouseout" | "mouseup" | "hover" | "keydown" | "keypress" | "keyup" | "abort" | "beforeunload" | "error" | "hashchange" | "load" | "pageshow" | "pagehide" | "unload" | "focusin" | "focusout" | "copy" | "cut" | "paste" | "afterprint" | "beforeprint" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationend" | "animationiteration" | "animationstart" | "transitionend" | "touchstart" | "touchmove" | "touchend" | "touchcancel" | "touchenter" | "touchleave" | "message" | "online" | "offline" | "popstate" | "show" | "storage" | "toggle" | "wheel" | "propertychange" | "fullscreenchange" | "DOMContentLoaded">(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback?: (<E extends HTMLElement = HTMLElement>(this: E, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void; off<T extends Event = Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback?: (<E extends HTMLElement = HTMLElement>(this: E, event: T) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void; off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType = "drag" | "click" | "scroll" | "blur" | "focus" | "search" | "input" | "resize" | "reset" | "play" | "change" | "contextmenu" | "dblclick" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseover" | "mouseout" | "mouseup" | "hover" | "keydown" | "keypress" | "keyup" | "abort" | "beforeunload" | "error" | "hashchange" | "load" | "pageshow" | "pagehide" | "unload" | "focusin" | "focusout" | "copy" | "cut" | "paste" | "afterprint" | "beforeprint" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "ended" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationend" | "animationiteration" | "animationstart" | "transitionend" | "touchstart" | "touchmove" | "touchend" | "touchcancel" | "touchenter" | "touchleave" | "message" | "online" | "offline" | "popstate" | "show" | "storage" | "toggle" | "wheel" | "propertychange" | "fullscreenchange" | "DOMContentLoaded">(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector?: string | string[] | undefined | null, callback?: (<E extends HTMLElement = HTMLElement>(this: E, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], $selector: E) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void; off<T extends Event = Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector?: string | string[] | undefined | null, callback?: (<E extends HTMLElement = HTMLElement>(this: E, event: T, $selector: E) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void; offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: string): void; offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[]): void; onReady<T extends (...args: any[]) => any>(callback: T): void; emit(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | DocumentFragment | any[] | typeof globalThis | Window | Document, eventType: string | string[], useDispatchToTriggerEvent?: boolean): void; emit(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | DocumentFragment | any[] | typeof globalThis | Window | Document, eventType: string | string[], extraDetails?: object, useDispatchToTriggerEvent?: boolean): void; emit(element: Element | string | NodeList | any[] | Window | Document, eventType: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[], useDispatchToTriggerEvent?: boolean): void; emit(element: Element | string | NodeList | any[] | Window | Document, event: Event, extraDetails?: object, useDispatchToTriggerEvent?: boolean): void; onKeyup(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | DocumentFragment | Window | Node | typeof globalThis, handler: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keyup"]) => void, option?: boolean | import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined; onKeydown(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsTargetElementType | Element | DocumentFragment | Window | Node | typeof globalThis, handler: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keydown"]) => void, option?: boolean | import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption): import("./types/PopsDOMUtilsEventType").PopsDOMUtilsAddEventListenerResult | undefined; preventEvent(event: Event): false; preventEvent<T extends boolean>(event: Event, onlyStopPropagation: T): T extends true ? void : false; preventEvent($el: Element | Document | ShadowRoot, eventNameList: string | string[], option?: { capture?: boolean; onlyStopPropagation?: boolean; }): { off(): void; }; preventEvent($el: Element | Document | ShadowRoot, eventNameList: string | string[], selector: string | string[] | null | undefined, option?: { capture?: boolean; onlyStopPropagation?: boolean; }): { off(): void; }; selector<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | undefined; selector<E extends Element = Element>(selector: string): E | undefined; selectorAll<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K][]; selectorAll<E extends Element = Element>(selector: string): E[]; matches($el: HTMLElement | Element | null | undefined, selector: string): boolean; closest<K extends keyof HTMLElementTagNameMap>($el: HTMLElement | Element, selector: string): HTMLElementTagNameMap[K] | null; closest<E extends Element = Element>($el: HTMLElement | Element, selector: string): E | null; onInput($el: HTMLInputElement | HTMLTextAreaElement, callback: (evt: InputEvent) => void | Promise<void>, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): { off: () => void; }; }; /** pops创建的实例使用的工具类 */ InstanceUtils: { getPopsMaxZIndex(deviation?: number): { zIndex: number; animElement: HTMLElement | null; isOverMaxZIndex: boolean; }; sortElementListByProperty<T, R>(getBeforeValueFun: (value: T) => R, getAfterValueFun: (value: T) => R, sortByDesc?: boolean): (after_obj: T, before_obj: T /** 样式配置 */) => 1 | 0 | -1; isHide($el: Element): boolean; isNodeInPopsNode($el: Element): boolean; isAnimNode($el: Element): boolean; }; /** pops处理float类型使用的工具类 */ MathFloatUtils: { isFloat(num: number): boolean; add(number1: number, number2: number): number; sub(number1: number, number2: number): string; division(number1: number, number2: number): number; }; /** 实例处理函数 */ InstHandler: { removeInstance(totalInstConfigList: import("./types/inst").PopsInstGeneralConfig[][], guid?: string, isAll?: boolean): Promise<import("./types/inst").PopsInstGeneralConfig[][]>; show(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement, $mask?: HTMLElement): Promise<void>; hide(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: import("./types/main").PopsInstStoreType, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement, $mask?: HTMLElement): Promise<void>; close(config: PopsAlertConfig | PopsDrawerConfig | PopsPromptConfig | PopsConfirmConfig | PopsIframeConfig | PopsLoadingConfig | PopsPanelConfig | PopsFolderConfig, popsType: string, instConfigList: import("./types/inst").PopsInstGeneralConfig[], guid: string, $anim: HTMLElement): Promise<void>; drag($move: HTMLElement, options: { dragElement: HTMLElement; limit: boolean; emitClick?: boolean; extraDistance: number; container?: Window | typeof globalThis | HTMLElement; startCallBack?: (moveElement: HTMLElement, left: number, top: number) => void; moveCallBack?: (moveElement: HTMLElement, left: number, top: number) => void; endCallBack?: (moveElement: HTMLElement, left: number, top: number) => void; preventEvent?: (event: TouchEvent | PointerEvent) => boolean; }): void; }; /** pops.panel中用于处理各个类型的工具 */ PanelHandlerComponents: () => { asideULElement: HTMLUListElement; asideBottomULElement: HTMLUListElement; sectionContainerHeaderULElement: HTMLUListElement; sectionContainerULElement: HTMLUListElement; $el: { $pops: HTMLElement; $content: HTMLElement; $panelRightSectionWrapper: HTMLElement; $panelLeftAside: HTMLElement; $panelContentSectionContainer: HTMLElement; $panelBottomWrapper: HTMLElement; $panelBottomContainer: HTMLElement; $panelBottomLeftContainer: HTMLElement; $panelBottomRightContainer: HTMLElement; }; $data: { nodeStoreConfigKey: string; }; $config: Required<PopsPanelConfig>; emitter: EventEmiter<import("./components/panel/types").PopsPanelEventType>; init(data: { config: Required<PopsPanelConfig>; $el: { $pops: HTMLElement; $content: HTMLElement; $panelRightSectionWrapper: HTMLElement; $panelLeftAside: HTMLElement; $panelContentSectionContainer: HTMLElement; $panelBottomWrapper: HTMLElement; $panelBottomContainer: HTMLElement; $panelBottomLeftContainer: HTMLElement; $panelBottomRightContainer: HTMLElement; }; emitter: EventEmiter<import("./components/panel/types").PopsPanelEventType>; }): void; clearContainer(): void; clearDeepMenuContainer(): void; clearAsideItemIsVisited(): void; setAsideItemIsVisited($el: HTMLElement): void; setElementAttributes($el: HTMLElement, attributes?: any): void; setElementProps($el: HTMLElement, props?: any): void; setElementClassName($el: HTMLElement, className?: import("./components/panel/types/components-common").PopsPanelGeneralConfig<any>["className"]): void; createBottomItem(bottomItemConfig: import("./components/panel/types").PopsPanelBottomContentConfig): HTMLLIElement; onBottomItemClick($bottomItem: HTMLElement, bottomItemConfig: import("./components/panel/types").PopsPanelBottomContentConfig): void; createAsideItem(asideConfig: import("./components/panel/types").PopsPanelContentConfig): HTMLLIElement; createSectionContainerItem_switch(viewConfig: import("./components/panel/types/components-switch").PopsPanelSwitchConfig): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $data: { value: boolean; }; $ele: { itemLeftTextContainer: HTMLElement | null; switch: HTMLDivElement; input: HTMLInputElement; core: HTMLSpanElement; }; init(): void; onClick(): void; setStatus(isChecked?: boolean): void; getReverseStatus(): boolean; getStatus(): boolean; disable(): void; notDisable(): void; }; }; createSectionContainerItem_slider(viewConfig: import("./components/panel/types/components-slider").PopsPanelSliderConfig): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; value: number; min: number; max: number; step: number; $data: { isMove: boolean; isInitDragPosition: boolean; isCheckingStopDragMove: boolean; totalWidth: number; stepPx: number; dragWidth: number; dragPercent: number; stepBlockMap: Map<number, { value: number; px: number; pxLeft: number; pxRight: number; percent: number; }>; tooltip: ReturnType<typeof PopsTooltip.init>; }; $ele: { itemLeftTextContainer: HTMLElement | null; slider: HTMLElement; runAway: HTMLElement; bar: HTMLElement; buttonWrapper: HTMLElement; button: HTMLElement; }; $interval: { isCheck: boolean; }; $tooltip: ReturnType<typeof popsUtils.AnyTouch>["prototype"]; init(): void; intervalInit(checkStepTime?: number, maxTime?: number): void; initEleData(): void; initTotalWidth(): void; initStepMap(): void; initFloatStepMap(): void; initSliderPosition(): void; isFloat(num: number): boolean; valueChangeCallBack(event: any, value: number): void; getDragInfo(dragX: number): { value: number; px: number; pxLeft: number; pxRight: number; percent: number; } | undefined; getSliderPositonPercent(dragWidth: number): number; formatValue(num: number): number; setSliderPosition(percent: number): void; disableDrag(): void; allowDrag(): void; isDisabledDrag(): boolean; isDisabledDragWithConfig(): boolean; onRunAwayClick(): void; dragStartCallBack(): boolean; dragMoveCallBack(event: any, dragX: number, oldValue: number): void; dragEndCallBack(dragX: number): void; setPanEvent(): void; showToolTip(): void; closeToolTip(): void; checkStopDragMove(): void; setToolTipEvent(): void; }; }; createSectionContainerItem_input(viewConfig: import("./components/panel/types/components-input").PopsPanelInputConfig): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $el: { itemLeftTextContainer: HTMLElement | null; panelInput: HTMLDivElement; panelInputInner: HTMLDivElement; input: HTMLInputElement; suffix: HTMLSpanElement; suffixInner: HTMLSpanElement; icon: HTMLElement; }; $data: { value: string | number | Date; isVisible: boolean; }; init(): void; initEle(): void; isTextInputType(): boolean; isDateInputType(): boolean; isNumberInputType(): boolean; disable(): void; notDisable(): void; isDisabled(): boolean; setInputValue(value?: string | number | Date): void; setInputType(typeValue?: import("./components/panel/types/components-input").PopsPanelInputType): void; removeCircleIcon(): void; setCircleIcon(svgHTML?: string): void; hideCircleIconWrapper(): void; showCircleIconWrapper(): void; onIconClick(): void; onValueChange(): void; emitValueChange(): void; addValidErrorMsg(msg?: string): void; removeValidErrorMsg(): void; }; }; createSectionContainerItem_textarea(viewConfig: import("./components/panel/types/components-textarea").PopsPanelTextAreaConfig): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $ele: { itemLeftTextContainer: HTMLElement | null; panelTextarea: HTMLDivElement; textarea: HTMLTextAreaElement; }; $data: { value: string; }; init(): void; disable(): void; notDisable(): void; isDisabled(): boolean; setValue(value: string): void; onValueChange(): void; }; }; createSectionContainerItem_select(viewConfig: import("./components/panel/types/components-select").PopsPanelSelectConfig<any>): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $el: { itemLeftTextContainer: HTMLElement; $container: HTMLElement; $select: HTMLSelectElement; }; $eleKey: { disable: string; value: string; viewConfig: string; }; $data: { data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>[]; defaultValue: any; }; init(): void; setNodeValue($ele: HTMLElement, key: string, value: any): void; getNodeValue($ele: HTMLElement, key: string): any; disable(): void; notDisable(): void; isDisabled(): boolean; initOption(): void; setOptionSelected($option: HTMLOptionElement): void; setSelectOptionsDisableStatus(): void; setOptionDisableStatus($option: HTMLOptionElement): void; getSelectOptionInfo($option: HTMLOptionElement): { value: any; text: string; views: NonNullable<IFunction<(import("./components/panel/types").PopsPanelViewConfig | import("./components/panel/types/components-container").PopsPanelContainerConfig)[]> | undefined>; $option: HTMLOptionElement; }; onValueChange(): void; onClick(): void; } | { [Symbol.toStringTag]: string; $el: { $itemLeftContainer: HTMLElement; $container: HTMLElement; $wrapper: HTMLElement; $section: HTMLElement; $selectedInputWrapper: HTMLElement; $selectedPlaceHolderWrapper: HTMLElement; $suffix: HTMLElement; $suffixIcon: HTMLElement; $selectDialogContainer: HTMLElement | null; }; $data: { data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>[]; defaultValue: any; selectedData: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined; isValidSuccess: boolean; rotateKey: string; }; init(): void; initDefault(): void; initEl(): void; initPlaceHolder(): void; renderSelectText(): void; disable(): void; cancleDisable(): void; isDisabled(): boolean; onShowSelectDialogClick(): void; onValueChangeCallback(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, isUpdateSelectItem?: boolean): void; updateAllSelectItemStatus(): void; resetAllSelectedItemStatus(): void; setItemSelected($el: HTMLElement): void; removeItemSelected($el: HTMLElement): void; isItemSelected($el: HTMLElement): boolean; getItemDataOption($el: HTMLElement): import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>; addSelectedItemInfo(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void; removeSelectedItemInfo(): void; updateSelectedInfo(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void; resetCurrentSelectedInfo(): void; getAllSelectItems(onlySelected?: boolean): { data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>; $select: HTMLElement; }[]; createSelectItemElement(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): HTMLLIElement; setSelectItemText(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, $select: HTMLElement): void; setSelectItemDisabled($select: HTMLElement): void; removeSelectItemDisabled($select: HTMLElement): void; isSelectItemDisabled($select: HTMLElement): string | true | null; onSelectItemClick(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined, $select: HTMLElement): void; showInputWrapper(): void; hideInputWrapper(): void; showPlaceHolderWrapper(): void; hidePlaceHolderWrapper(): void; } | { [Symbol.toStringTag]: string; $el: { $itemLeftContainer: HTMLElement; $container: HTMLElement; $wrapper: HTMLElement; }; $data: { data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>[]; defaultValue: any; selectedData: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined; rotateKey: string; }; init(): void; initDefault(): void; initEl(): void; disable(): void; cancleDisable(): void; isDisabled(): boolean; createSelectItemElement(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): HTMLDivElement; setSelectItemText(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, $select: HTMLElement): void; onSelectItemClick(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any> | undefined, $el: HTMLElement): void; onValueChangeCallback(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>, isUpdateSelectItem?: boolean): void; updateAllSelectItemStatus(): void; resetAllSelectedItemStatus(): void; addSelectedItemInfo(data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void; removeSelectedItemInfo(): void; updateSelectedInfo(data?: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>): void; resetCurrentSelectedInfo(): void; setSelectItemDisabled($select: HTMLElement): void; removeSelectItemDisabled($select: HTMLElement): void; isSelectItemDisabled($select: HTMLElement): string | true | null; setItemSelected($select: HTMLElement): void; removeItemSelected($select: HTMLElement): void; isItemSelected($select: HTMLElement): boolean; getAllSelectItems(onlySelected?: boolean): { data: import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>; $select: HTMLElement; }[]; getItemDataOption($el: HTMLElement): import("./components/panel/types/components-select").PopsPanelSelectDataOption<any>; } | undefined; }; createSectionContainerItem_select_multiple(viewConfig: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleConfig<any>): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $el: { $itemLeftContainer: HTMLElement | null; $container: HTMLElement; $wrapper: HTMLElement; $section: HTMLElement; $selectedInputWrapper: HTMLElement; $selectedPlaceHolderWrapper: HTMLElement; $suffix: HTMLElement; $suffixIcon: HTMLElement; $selectContainer: HTMLElement | null; }; $data: { defaultValue: any[]; selectedDataList: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>[]; rotateKey: string; }; init(): void; initDefault(): void; inintEl(): void; initPlaceHolder(): void; initTagElement(): void; createTagItem(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>): { $tag: HTMLDivElement; $tagText: HTMLSpanElement; $closeIcon: HTMLElement; }; addTagItem($tag: HTMLElement): void; updateTagItem(): void; onValueChange(selectedDataList?: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>[]): void; updateAllSelectItems(): void; setItemSelected($select: HTMLElement): void; removeItemSelected($select: HTMLElement): void; isItemSelected($select: HTMLElement): boolean; addItemSelected(dataList: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>[], $select: HTMLElement): void; getSelectedItemInfo($select: HTMLElement): import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>; removeSelectedItemInfo(dataList: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>[], $select: HTMLElement): void; getAllSelectItemInfo(onlySelected?: boolean): { data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>; $select: HTMLElement; }[]; createSelectItemElement(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>): HTMLLIElement; setSelectItemText(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>, $select: HTMLElement): void; disableSelectItem($select: HTMLElement): void; cancleDisableSelectItem($select: HTMLElement): void; isSelectItemDisabled($select: HTMLElement): string | true | null; onSelectItemClick(dataList: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>[], $select: HTMLElement): void; onShowSelectDialogClick(): void; onSelectItemCloseIconClick(data: { $closeIcon: HTMLElement; $tag: HTMLElement; value: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>["value"]; text: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>["text"]; }): void; checkTagEmpty(): void; removeSelectedTagItem($tag: HTMLElement): void; removeSelectedInfo(data: import("./components/panel/types/components-selectMultiple").PopsPanelSelectMultipleDataOption<any>, emitValueChangeCallBack?: boolean): void; showInputWrapper(): void; hideInputWrapper(): void; showPlaceHolderWrapper(): void; hidePlaceHolderWrapper(): void; setSectionIsNear(): void; removeSectionIsNear(): void; disable(): void; isDisabled(): boolean; cancleDisable(): void; }; }; createSectionContainerItem_button(viewConfig: import("./components/panel/types/components-button").PopsPanelButtonConfig): { $el: HTMLLIElement; handler: { [Symbol.toStringTag]: string; $ele: { panelButton: HTMLDivElement; button: HTMLDivElement; icon: HTMLDivElement; spanText: HTMLDivElement; }; $data: {}; init(): void; initButton(): void; disable(): void; notDisable(): void; hideIcon(): void; showIcon(): void; setIconSVG(svgHTML: string): void; setIconLoadingStatus(status: any): void; setHasIcon(value: any): void; setButtonType(typeValue: string): void; setIconRight(): void; setIconLeft(): void; setButtonText(text: string): void; onButtonClick(): void; }; }; createSectionContainerItem_deepMenu(viewConfig: import("./components/panel/types/components-deepMenu").PopsPanelDeepViewConfig): { $el: HTMLLIElement;