@whitesev/pops 2.0.10 → 2.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.amd.js +4695 -4403
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +4695 -4403
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4695 -4403
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +4695 -4403
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +4695 -4403
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +4695 -4403
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/Pops.d.ts +66 -42
- package/dist/types/src/PopsAnimation.d.ts +14 -0
- package/dist/types/src/PopsCSS.d.ts +34 -0
- package/dist/types/src/PopsIcon.d.ts +25 -0
- package/dist/types/src/PopsLayer.d.ts +3 -0
- package/dist/types/src/components/panel/buttonType.d.ts +2 -2
- package/dist/types/src/components/rightClickMenu/index.d.ts +2 -3
- package/dist/types/src/components/rightClickMenu/indexType.d.ts +4 -3
- package/dist/types/src/types/PopsDOMUtilsEventType.d.ts +19 -6
- package/dist/types/src/types/button.d.ts +3 -3
- package/dist/types/src/types/icon.d.ts +1 -1
- package/dist/types/src/utils/PopsDOMUtils.d.ts +120 -26
- package/dist/types/src/utils/PopsInstanceUtils.d.ts +0 -6
- package/dist/types/src/utils/PopsUtils.d.ts +5 -6
- package/package.json +1 -1
- package/src/Pops.ts +12 -152
- package/src/PopsAnimation.ts +32 -0
- package/src/PopsCSS.ts +51 -0
- package/src/PopsIcon.ts +93 -0
- package/src/PopsLayer.ts +17 -0
- package/src/components/alert/index.ts +8 -8
- package/src/components/confirm/index.ts +8 -8
- package/src/components/drawer/index.ts +8 -8
- package/src/components/folder/index.ts +15 -15
- package/src/components/iframe/index.ts +9 -12
- package/src/components/loading/index.ts +5 -5
- package/src/components/panel/PanelHandleContentDetails.ts +28 -25
- package/src/components/panel/buttonType.ts +2 -2
- package/src/components/panel/config.ts +4 -0
- package/src/components/panel/index.css +33 -0
- package/src/components/panel/index.ts +9 -9
- package/src/components/prompt/index.ts +8 -8
- package/src/components/rightClickMenu/config.ts +7 -7
- package/src/components/rightClickMenu/index.ts +41 -29
- package/src/components/rightClickMenu/indexType.ts +5 -3
- package/src/components/searchSuggestion/index.ts +5 -5
- package/src/components/tooltip/index.ts +5 -5
- package/src/handler/PopsElementHandler.ts +17 -17
- package/src/handler/PopsHandler.ts +22 -19
- package/src/types/PopsDOMUtilsEventType.d.ts +19 -6
- package/src/types/button.d.ts +3 -3
- package/src/types/icon.d.ts +1 -1
- package/src/utils/PopsDOMUtils.ts +568 -170
- package/src/utils/PopsInstanceUtils.ts +13 -31
- package/src/utils/PopsUtils.ts +7 -16
package/dist/types/src/Pops.d.ts
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import { PopsLayerMode } from "./types/main";
|
|
2
1
|
import type { PopsAlertDetails } from "./components/alert/indexType";
|
|
3
2
|
import type { PopsConfirmDetails } from "./components/confirm/indexType";
|
|
4
|
-
import type { PopsLayerCommonConfig } from "./types/layer";
|
|
5
3
|
import type { PopsPromptDetails } from "./components/prompt/indexType";
|
|
6
4
|
import type { PopsLoadingDetails } from "./components/loading/indexType";
|
|
7
5
|
import type { PopsIframeDetails } from "./components/iframe/indexType";
|
|
@@ -10,7 +8,6 @@ import type { PopsDrawerDetails } from "./components/drawer/indexType";
|
|
|
10
8
|
import type { PopsFolderDetails } from "./components/folder/indexType";
|
|
11
9
|
import type { PopsPanelDetails } from "./components/panel/indexType";
|
|
12
10
|
import type { PopsRightClickMenuDetails } from "./components/rightClickMenu/indexType";
|
|
13
|
-
import type { PopsIcon } from "./types/icon";
|
|
14
11
|
import type { PopsSearchSuggestionDetails } from "./components/searchSuggestion/indexType";
|
|
15
12
|
declare class Pops {
|
|
16
13
|
/** 配置 */
|
|
@@ -18,49 +15,71 @@ declare class Pops {
|
|
|
18
15
|
/** 版本号 */
|
|
19
16
|
version: string;
|
|
20
17
|
cssText: {
|
|
21
|
-
/** 主CSS */
|
|
22
18
|
index: string;
|
|
23
|
-
/** 九宫格位置CSS */
|
|
24
19
|
ninePalaceGridPosition: string;
|
|
25
|
-
/** 滚动条CSS */
|
|
26
20
|
scrollbar: string;
|
|
27
|
-
/** 按钮CSS */
|
|
28
21
|
button: string;
|
|
29
|
-
/** 通用的CSS */
|
|
30
22
|
common: string;
|
|
31
|
-
/** 动画 */
|
|
32
23
|
anim: string;
|
|
33
|
-
/** pops.alert */
|
|
34
24
|
alertCSS: string;
|
|
35
|
-
/** pops.cponfirm */
|
|
36
25
|
confirmCSS: string;
|
|
37
|
-
/** pops.prompt */
|
|
38
26
|
promptCSS: string;
|
|
39
|
-
/** pops.loading */
|
|
40
27
|
loadingCSS: string;
|
|
41
|
-
/** pops.iframe */
|
|
42
28
|
iframeCSS: string;
|
|
43
|
-
/** pops.tooltip */
|
|
44
29
|
tooltipCSS: string;
|
|
45
|
-
/** pops.drawer */
|
|
46
30
|
drawerCSS: string;
|
|
47
|
-
/** pops.folder */
|
|
48
31
|
folderCSS: string;
|
|
49
|
-
/** pops.folder */
|
|
50
32
|
panelCSS: string;
|
|
51
|
-
/** pops.rightClickMenu */
|
|
52
33
|
rightClickMenu: string;
|
|
53
34
|
};
|
|
54
35
|
/** icon图标的svg代码 */
|
|
55
|
-
iconSVG: {
|
|
36
|
+
iconSVG: {
|
|
37
|
+
loading: string;
|
|
38
|
+
min: string;
|
|
39
|
+
max: string;
|
|
40
|
+
mise: string;
|
|
41
|
+
close: string;
|
|
42
|
+
edit: string;
|
|
43
|
+
share: string;
|
|
44
|
+
delete: string;
|
|
45
|
+
search: string;
|
|
46
|
+
upload: string;
|
|
47
|
+
next: string;
|
|
48
|
+
prev: string;
|
|
49
|
+
eleme: string;
|
|
50
|
+
elemePlus: string;
|
|
51
|
+
chromeFilled: string;
|
|
52
|
+
cpu: string;
|
|
53
|
+
videoPlay: string;
|
|
54
|
+
videoPause: string;
|
|
55
|
+
headset: string;
|
|
56
|
+
monitor: string;
|
|
57
|
+
documentCopy: string;
|
|
58
|
+
picture: string;
|
|
59
|
+
circleClose: string;
|
|
60
|
+
view: string;
|
|
61
|
+
hide: string;
|
|
62
|
+
keyboard: string;
|
|
63
|
+
arrowRight: string;
|
|
64
|
+
arrowLeft: string;
|
|
65
|
+
};
|
|
56
66
|
/** 当前已配置的动画@keyframes名字映射(初始化时生成) */
|
|
57
67
|
animation: {
|
|
58
68
|
[key: string]: CSSKeyframesRule;
|
|
59
69
|
};
|
|
60
|
-
/** 是否初始化 */
|
|
61
|
-
isInit: boolean;
|
|
62
70
|
/** 存储已创建的元素 */
|
|
63
|
-
layer: {
|
|
71
|
+
layer: {
|
|
72
|
+
iframe: import("./types/layer").PopsLayerCommonConfig[];
|
|
73
|
+
loading: import("./types/layer").PopsLayerCommonConfig[];
|
|
74
|
+
folder: import("./types/layer").PopsLayerCommonConfig[];
|
|
75
|
+
alert: import("./types/layer").PopsLayerCommonConfig[];
|
|
76
|
+
confirm: import("./types/layer").PopsLayerCommonConfig[];
|
|
77
|
+
prompt: import("./types/layer").PopsLayerCommonConfig[];
|
|
78
|
+
drawer: import("./types/layer").PopsLayerCommonConfig[];
|
|
79
|
+
panel: import("./types/layer").PopsLayerCommonConfig[];
|
|
80
|
+
tooltip: import("./types/layer").PopsLayerCommonConfig[];
|
|
81
|
+
rightClickMenu: import("./types/layer").PopsLayerCommonConfig[];
|
|
82
|
+
};
|
|
64
83
|
/** 禁止滚动 */
|
|
65
84
|
forbiddenScroll: {
|
|
66
85
|
event(event: Event): boolean;
|
|
@@ -72,13 +91,13 @@ declare class Pops {
|
|
|
72
91
|
delete(target: any, propName: any): void;
|
|
73
92
|
assign<T1, T2 extends object, T3 extends boolean>(target: T1, source: T2, isAdd?: T3 | undefined): T3 extends true ? T1 & T2 : T1;
|
|
74
93
|
getRandomGUID(): string;
|
|
75
|
-
parseTextToDOM<R extends HTMLElement>(elementString: string): R;
|
|
76
94
|
contains(target: any): boolean;
|
|
77
95
|
contains(context: any, target?: any): boolean;
|
|
78
96
|
formatTime(text?: string | number | Date, formatType?: string): string;
|
|
79
97
|
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;
|
|
80
98
|
formatByteToSize<T extends boolean>(byteSize: number | string, addType?: T | undefined): T extends true ? string : number;
|
|
81
99
|
AnyTouch: () => typeof import("any-touch").default;
|
|
100
|
+
isPhone(userAgent?: string): boolean;
|
|
82
101
|
setTimeout(callback: Function, timeout?: number): number;
|
|
83
102
|
clearTimeout(timeId: number | undefined): void;
|
|
84
103
|
setInterval(callback: Function, timeout?: number): number;
|
|
@@ -105,6 +124,7 @@ declare class Pops {
|
|
|
105
124
|
createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, property?: ({ [P in keyof HTMLElementTagNameMap[K]]?: HTMLElementTagNameMap[K][P] extends string | boolean | number ? HTMLElementTagNameMap[K][P] : never; } & {
|
|
106
125
|
[key: string]: any;
|
|
107
126
|
}) | string, attributes?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsCreateElementAttributesMap): HTMLElementTagNameMap[K];
|
|
127
|
+
parseTextToDOM<R extends HTMLElement>(elementString: string): R;
|
|
108
128
|
getTextBoundingRect(input: HTMLInputElement | HTMLTextAreaElement, selectionStart: number | string, selectionEnd: number | string, debug: boolean): DOMRect;
|
|
109
129
|
cssHide(ele: Element | null, isImportant?: boolean): void;
|
|
110
130
|
cssShow(ele: Element | null): void;
|
|
@@ -120,17 +140,15 @@ declare class Pops {
|
|
|
120
140
|
getStyleValue(element: HTMLElement | CSSStyleDeclaration, styleName: string): number;
|
|
121
141
|
before(element: HTMLElement | Element | string, content: HTMLElement | string): void;
|
|
122
142
|
after(element: HTMLElement | Element | string, content: HTMLElement | string): void;
|
|
123
|
-
|
|
124
|
-
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?:
|
|
125
|
-
on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string, callback: (event: T) => void, option?:
|
|
126
|
-
on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | undefined | null, callback: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?:
|
|
127
|
-
on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector: string | undefined | null, callback: (event: T) => void, option?:
|
|
128
|
-
|
|
129
|
-
off(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback?: (event:
|
|
130
|
-
off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback?: ((event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void) | undefined, option?:
|
|
131
|
-
off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string, callback?: ((event: T) => void) | undefined, option?:
|
|
132
|
-
off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector?: string | undefined, callback?: ((event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void) | undefined, option?: boolean | AddEventListenerOptions, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
|
|
133
|
-
off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector?: string | undefined, callback?: ((event: T) => void) | undefined, option?: boolean | AddEventListenerOptions, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
|
|
143
|
+
getKeyFrames(sheet: CSSStyleSheet): {};
|
|
144
|
+
on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T]) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
|
|
145
|
+
on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback: (this: HTMLElement, event: T) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
|
|
146
|
+
on<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
|
|
147
|
+
on<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector: string | string[] | undefined | null, callback: (this: HTMLElement, event: T, selectorTarget: HTMLElement) => void, option?: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOption | boolean): void;
|
|
148
|
+
off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], callback?: ((this: HTMLElement, 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;
|
|
149
|
+
off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], callback?: ((this: HTMLElement, event: T) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
|
|
150
|
+
off<T extends import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: T | T[], selector?: string | string[] | undefined | null, callback?: ((this: HTMLElement, event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event[T], selectorTarget: HTMLElement) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
|
|
151
|
+
off<T extends Event>(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType: string | string[], selector?: string | string[] | undefined | null, callback?: ((this: HTMLElement, event: T, selectorTarget: HTMLElement) => void) | undefined, option?: EventListenerOptions | boolean, filter?: (value: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute, index: number, array: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsEventListenerOptionsAttribute[]) => boolean): void;
|
|
134
152
|
offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: string): void;
|
|
135
153
|
offAll(element: import("./types/PopsDOMUtilsEventType").PopsDOMUtilsElementEventType, eventType?: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType | import("./types/PopsDOMUtilsEventType").PopsDOMUtils_EventType[]): void;
|
|
136
154
|
ready<T extends Function>(callback: T): void;
|
|
@@ -145,6 +163,13 @@ declare class Pops {
|
|
|
145
163
|
keypress(target: HTMLElement | Window | typeof globalThis | string, handler: (event: import("./types/PopsDOMUtilsEventType").PopsDOMUtils_Event["keypress"]) => void, option?: boolean | AddEventListenerOptions): void;
|
|
146
164
|
preventEvent(event: Event): boolean;
|
|
147
165
|
preventEvent(element: HTMLElement, eventNameList?: string | string[], capture?: boolean): boolean;
|
|
166
|
+
selector<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | undefined;
|
|
167
|
+
selector<E extends Element = Element>(selector: string): E | undefined;
|
|
168
|
+
selectorAll<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K][];
|
|
169
|
+
selectorAll<E extends Element = Element>(selector: string): E[];
|
|
170
|
+
matches($el: HTMLElement | Element | null | undefined, selector: string): boolean;
|
|
171
|
+
closest<K extends keyof HTMLElementTagNameMap>($el: HTMLElement | Element, selector: string): HTMLElementTagNameMap[K] | null;
|
|
172
|
+
closest<E extends Element = Element>($el: HTMLElement | Element, selector: string): E | null;
|
|
148
173
|
};
|
|
149
174
|
/** pops创建的实例使用的工具类 */
|
|
150
175
|
InstanceUtils: {
|
|
@@ -158,11 +183,10 @@ declare class Pops {
|
|
|
158
183
|
isOverMaxZIndex: boolean;
|
|
159
184
|
};
|
|
160
185
|
getMaxZIndex(deviation?: number): number;
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
close(popsType: string, layerConfigList: PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
|
|
186
|
+
removeInstance(moreLayerConfigList: import("./types/layer").PopsLayerCommonConfig[][], guid: string, isAll?: boolean): import("./types/layer").PopsLayerCommonConfig[][];
|
|
187
|
+
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>;
|
|
188
|
+
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>;
|
|
189
|
+
close(popsType: string, layerConfigList: import("./types/layer").PopsLayerCommonConfig[], guid: string, config: PopsAlertDetails | PopsDrawerDetails | PopsPromptDetails | PopsConfirmDetails | PopsIframeDetails | PopsLoadingDetails | PopsPanelDetails | PopsFolderDetails, animElement: HTMLElement): Promise<void>;
|
|
166
190
|
drag(moveElement: HTMLElement, options: {
|
|
167
191
|
dragElement: HTMLElement;
|
|
168
192
|
limit: boolean;
|
|
@@ -21000,10 +21024,10 @@ declare class Pops {
|
|
|
21000
21024
|
};
|
|
21001
21025
|
targetSelector: string | null;
|
|
21002
21026
|
data: {
|
|
21003
|
-
icon:
|
|
21027
|
+
icon: import("./types/icon").PopsIconType | string;
|
|
21004
21028
|
iconIsLoading: boolean;
|
|
21005
21029
|
text: string | (() => string);
|
|
21006
|
-
callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;
|
|
21030
|
+
callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement, menuListenerRootNode: HTMLElement) => boolean | void | Promise<boolean | void>;
|
|
21007
21031
|
item: /*elided*/ any[] | null;
|
|
21008
21032
|
}[];
|
|
21009
21033
|
className: string;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export declare const PopsCSS: {
|
|
2
|
+
/** 主CSS */
|
|
3
|
+
index: string;
|
|
4
|
+
/** 九宫格位置CSS */
|
|
5
|
+
ninePalaceGridPosition: string;
|
|
6
|
+
/** 滚动条CSS */
|
|
7
|
+
scrollbar: string;
|
|
8
|
+
/** 按钮CSS */
|
|
9
|
+
button: string;
|
|
10
|
+
/** 通用的CSS */
|
|
11
|
+
common: string;
|
|
12
|
+
/** 动画 */
|
|
13
|
+
anim: string;
|
|
14
|
+
/** pops.alert */
|
|
15
|
+
alertCSS: string;
|
|
16
|
+
/** pops.cponfirm */
|
|
17
|
+
confirmCSS: string;
|
|
18
|
+
/** pops.prompt */
|
|
19
|
+
promptCSS: string;
|
|
20
|
+
/** pops.loading */
|
|
21
|
+
loadingCSS: string;
|
|
22
|
+
/** pops.iframe */
|
|
23
|
+
iframeCSS: string;
|
|
24
|
+
/** pops.tooltip */
|
|
25
|
+
tooltipCSS: string;
|
|
26
|
+
/** pops.drawer */
|
|
27
|
+
drawerCSS: string;
|
|
28
|
+
/** pops.folder */
|
|
29
|
+
folderCSS: string;
|
|
30
|
+
/** pops.folder */
|
|
31
|
+
panelCSS: string;
|
|
32
|
+
/** pops.rightClickMenu */
|
|
33
|
+
rightClickMenu: string;
|
|
34
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { PopsIconType } from "./types/icon";
|
|
2
|
+
export declare const PopsIcon: {
|
|
3
|
+
$data: { [key in PopsIconType]: string; };
|
|
4
|
+
/**
|
|
5
|
+
* 判断是否存在某个icon
|
|
6
|
+
* @param iconName 图标名
|
|
7
|
+
*/
|
|
8
|
+
hasIcon(iconName: string): boolean;
|
|
9
|
+
/**
|
|
10
|
+
* 获取icon
|
|
11
|
+
* @param iconName 图标名
|
|
12
|
+
*/
|
|
13
|
+
getIcon(iconName: string): string | null;
|
|
14
|
+
/**
|
|
15
|
+
* 删除图标
|
|
16
|
+
* @param iconName 图标名
|
|
17
|
+
*/
|
|
18
|
+
deleteIcon(iconName: string): boolean;
|
|
19
|
+
/**
|
|
20
|
+
* 设置图标
|
|
21
|
+
* @param iconName 图标名
|
|
22
|
+
* @param iconHTML 图标html
|
|
23
|
+
*/
|
|
24
|
+
setIcon(iconName: string, iconHTML: string): void;
|
|
25
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PopsPanelCommonDetails } from "./commonType";
|
|
2
2
|
import type { PopsButtonStyleType } from "../../types/button";
|
|
3
|
-
import type {
|
|
3
|
+
import type { PopsIconType } from "../../types/icon";
|
|
4
4
|
/**
|
|
5
5
|
* pops.panel的 button
|
|
6
6
|
*/
|
|
@@ -48,7 +48,7 @@ export interface PopsPanelButtonDetails extends PopsPanelCommonDetails<PopsPanel
|
|
|
48
48
|
/**
|
|
49
49
|
* 按钮的图标,已配置的svg请看pops.config.iconSVG,或者自定义的图标svg代码
|
|
50
50
|
*/
|
|
51
|
-
buttonIcon?:
|
|
51
|
+
buttonIcon?: PopsIconType;
|
|
52
52
|
/**
|
|
53
53
|
* 按钮的图标在右边
|
|
54
54
|
*/
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { PopsIcon } from "../../types/icon";
|
|
2
1
|
import type { PopsRightClickMenuDetails } from "./indexType";
|
|
3
2
|
export declare const PopsRightClickMenu: {
|
|
4
3
|
init(details: PopsRightClickMenuDetails): {
|
|
@@ -20639,10 +20638,10 @@ export declare const PopsRightClickMenu: {
|
|
|
20639
20638
|
};
|
|
20640
20639
|
targetSelector: string | null;
|
|
20641
20640
|
data: {
|
|
20642
|
-
icon:
|
|
20641
|
+
icon: import("../../types/icon").PopsIconType | string;
|
|
20643
20642
|
iconIsLoading: boolean;
|
|
20644
20643
|
text: string | (() => string);
|
|
20645
|
-
callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;
|
|
20644
|
+
callback: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement, menuListenerRootNode: HTMLElement) => boolean | void | Promise<boolean | void>;
|
|
20646
20645
|
item: /*elided*/ any[] | null;
|
|
20647
20646
|
}[];
|
|
20648
20647
|
className: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { PopsCommonConfig } from "../../types/components";
|
|
2
|
-
import type {
|
|
2
|
+
import type { PopsIconType } from "../../types/icon";
|
|
3
3
|
/**
|
|
4
4
|
* pops.rightClickMenu的右键菜单配置
|
|
5
5
|
*/
|
|
@@ -7,7 +7,7 @@ export interface PopsRightClickMenuDataDetails {
|
|
|
7
7
|
/**
|
|
8
8
|
* svg图标
|
|
9
9
|
*/
|
|
10
|
-
icon:
|
|
10
|
+
icon: PopsIconType | string;
|
|
11
11
|
/**
|
|
12
12
|
* 图标是否旋转
|
|
13
13
|
*/
|
|
@@ -21,12 +21,13 @@ export interface PopsRightClickMenuDataDetails {
|
|
|
21
21
|
* @param clickEvent 点击菜单的click事件
|
|
22
22
|
* @param contextMenuEvent 触发的contextmenu事件
|
|
23
23
|
* @param liElement <li>元素
|
|
24
|
+
* @param menuListenerRootNode 右键菜单监听的元素
|
|
24
25
|
* @returns
|
|
25
26
|
* + true(默认) 关闭菜单
|
|
26
27
|
* + false 不关闭菜单
|
|
27
28
|
*
|
|
28
29
|
*/
|
|
29
|
-
callback?: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement) => boolean | void | Promise<boolean | void>;
|
|
30
|
+
callback?: (clickEvent: PointerEvent, contextMenuEvent: PointerEvent, liElement: HTMLLIElement, menuListenerRootNode: HTMLElement) => boolean | void | Promise<boolean | void>;
|
|
30
31
|
/**
|
|
31
32
|
* 子项配置
|
|
32
33
|
*/
|
|
@@ -205,23 +205,23 @@ export type PopsDOMUtils_EventType = keyof PopsDOMUtils_Event;
|
|
|
205
205
|
/**
|
|
206
206
|
* 元素上的events属性
|
|
207
207
|
*/
|
|
208
|
-
export interface PopsDOMUtilsEventListenerOptionsAttribute {
|
|
208
|
+
export declare interface PopsDOMUtilsEventListenerOptionsAttribute {
|
|
209
209
|
/**
|
|
210
|
-
*
|
|
210
|
+
* DOMUtils的ownCallBack,元素上的监听事件就是它,移除事件时也需要传入这个函数
|
|
211
211
|
*/
|
|
212
|
-
callback: () => void;
|
|
212
|
+
callback: (event: Event) => void;
|
|
213
213
|
/**
|
|
214
214
|
* 属性配置
|
|
215
215
|
*/
|
|
216
|
-
option:
|
|
216
|
+
option: DOMUtilsEventListenerOption;
|
|
217
217
|
/**
|
|
218
218
|
* 用户添加的事件
|
|
219
219
|
*/
|
|
220
|
-
originCallBack: () => void;
|
|
220
|
+
originCallBack: (event: Event, selectorTarget?: HTMLElement) => void;
|
|
221
221
|
/**
|
|
222
222
|
* 子元素选择器
|
|
223
223
|
*/
|
|
224
|
-
selector?: string;
|
|
224
|
+
selector?: string[];
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
export type PopsDOMUtilsElementEventType =
|
|
@@ -244,3 +244,16 @@ export type ParseHTMLReturnType<T1, T2> = T1 extends true
|
|
|
244
244
|
? Document
|
|
245
245
|
: HTMLElement
|
|
246
246
|
: HTMLElement;
|
|
247
|
+
|
|
248
|
+
/**
|
|
249
|
+
* 事件的额外配置
|
|
250
|
+
*/
|
|
251
|
+
export declare type PopsDOMUtilsEventListenerOption =
|
|
252
|
+
AddEventListenerOptions & {
|
|
253
|
+
/**
|
|
254
|
+
* 是否使用 event.composedPath() 来代替 event.target
|
|
255
|
+
*
|
|
256
|
+
* 一般用于设置了selector参数
|
|
257
|
+
*/
|
|
258
|
+
isComposedPath?: boolean;
|
|
259
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PopsEventDetails, PopsHandlerEventDetails } from "./event";
|
|
2
|
-
import type {
|
|
2
|
+
import type { PopsIconType } from "./icon";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* 按钮类型
|
|
@@ -79,7 +79,7 @@ export interface PopsButtonDetails<T = {}> {
|
|
|
79
79
|
/**
|
|
80
80
|
* 图标按钮,如果名字为内置的,则使用内置的,否则为自定义的svg
|
|
81
81
|
*/
|
|
82
|
-
icon:
|
|
82
|
+
icon: PopsIconType;
|
|
83
83
|
/**
|
|
84
84
|
* 图标按钮是否放在右边
|
|
85
85
|
*/
|
|
@@ -125,7 +125,7 @@ export interface PopsButtonDetailsAnyType<T = {}> {
|
|
|
125
125
|
/**
|
|
126
126
|
* 图标按钮,如果名字为内置的,则使用内置的,否则为自定义的svg
|
|
127
127
|
*/
|
|
128
|
-
icon:
|
|
128
|
+
icon: PopsIconType;
|
|
129
129
|
/**
|
|
130
130
|
* 图标按钮是否放在右边
|
|
131
131
|
*/
|