@whitesev/pops 2.4.6 → 2.4.7

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.
Files changed (142) hide show
  1. package/dist/index.amd.js +578 -571
  2. package/dist/index.amd.js.map +1 -1
  3. package/dist/index.cjs.js +578 -571
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +578 -571
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.iife.js +578 -571
  8. package/dist/index.iife.js.map +1 -1
  9. package/dist/index.system.js +578 -571
  10. package/dist/index.system.js.map +1 -1
  11. package/dist/index.umd.js +578 -571
  12. package/dist/index.umd.js.map +1 -1
  13. package/dist/types/src/types/PopsDOMUtilsEventType.d.ts +252 -252
  14. package/dist/types/src/types/animation.d.ts +19 -19
  15. package/dist/types/src/types/button.d.ts +187 -187
  16. package/dist/types/src/types/components.d.ts +210 -210
  17. package/dist/types/src/types/event.d.ts +63 -63
  18. package/dist/types/src/types/global.d.ts +25 -25
  19. package/dist/types/src/types/icon.d.ts +32 -32
  20. package/dist/types/src/types/inst.d.ts +24 -24
  21. package/dist/types/src/types/main.d.ts +111 -111
  22. package/dist/types/src/types/mask.d.ts +49 -49
  23. package/dist/types/src/types/position.d.ts +60 -60
  24. package/index.ts +3 -0
  25. package/package.json +4 -2
  26. package/src/Pops.ts +206 -0
  27. package/src/PopsAnimation.ts +32 -0
  28. package/src/PopsCSS.ts +51 -0
  29. package/src/PopsCore.ts +64 -0
  30. package/src/PopsIcon.ts +95 -0
  31. package/src/PopsInst.ts +21 -0
  32. package/src/components/alert/config.ts +62 -0
  33. package/src/components/alert/index.css +0 -0
  34. package/src/components/alert/index.ts +163 -0
  35. package/src/components/alert/types/index.ts +23 -0
  36. package/src/components/confirm/config.ts +90 -0
  37. package/src/components/confirm/index.css +0 -0
  38. package/src/components/confirm/index.ts +166 -0
  39. package/src/components/confirm/types/index.ts +17 -0
  40. package/src/components/drawer/config.ts +89 -0
  41. package/src/components/drawer/index.css +37 -0
  42. package/src/components/drawer/index.ts +237 -0
  43. package/src/components/drawer/types/index.ts +61 -0
  44. package/src/components/folder/config.ts +147 -0
  45. package/src/components/folder/folderIcon.ts +28 -0
  46. package/src/components/folder/index.css +303 -0
  47. package/src/components/folder/index.ts +929 -0
  48. package/src/components/folder/types/index.ts +97 -0
  49. package/src/components/iframe/config.ts +60 -0
  50. package/src/components/iframe/index.css +76 -0
  51. package/src/components/iframe/index.ts +334 -0
  52. package/src/components/iframe/types/index.ts +139 -0
  53. package/src/components/loading/config.ts +29 -0
  54. package/src/components/loading/index.css +66 -0
  55. package/src/components/loading/index.ts +99 -0
  56. package/src/components/loading/types/index.ts +34 -0
  57. package/src/components/panel/config.ts +519 -0
  58. package/src/components/panel/handlerComponents.ts +2900 -0
  59. package/src/components/panel/index.css +1222 -0
  60. package/src/components/panel/index.ts +207 -0
  61. package/src/components/panel/types/components-button.ts +68 -0
  62. package/src/components/panel/types/components-common.ts +50 -0
  63. package/src/components/panel/types/components-deepMenu.ts +84 -0
  64. package/src/components/panel/types/components-forms.ts +44 -0
  65. package/src/components/panel/types/components-input.ts +78 -0
  66. package/src/components/panel/types/components-own.ts +30 -0
  67. package/src/components/panel/types/components-select.ts +93 -0
  68. package/src/components/panel/types/components-selectMultiple.ts +130 -0
  69. package/src/components/panel/types/components-slider.ts +77 -0
  70. package/src/components/panel/types/components-switch.ts +56 -0
  71. package/src/components/panel/types/components-textarea.ts +68 -0
  72. package/src/components/panel/types/index.ts +177 -0
  73. package/src/components/prompt/config.ts +94 -0
  74. package/src/components/prompt/index.css +34 -0
  75. package/src/components/prompt/index.ts +216 -0
  76. package/src/components/prompt/types/index.ts +55 -0
  77. package/src/components/rightClickMenu/config.ts +98 -0
  78. package/src/components/rightClickMenu/index.css +112 -0
  79. package/src/components/rightClickMenu/index.ts +602 -0
  80. package/src/components/rightClickMenu/types/index.ts +97 -0
  81. package/src/components/searchSuggestion/config.ts +56 -0
  82. package/src/components/searchSuggestion/index.ts +856 -0
  83. package/src/components/searchSuggestion/types/index.ts +239 -0
  84. package/src/components/tooltip/config.ts +34 -0
  85. package/src/components/tooltip/index.css +199 -0
  86. package/src/components/tooltip/index.ts +604 -0
  87. package/src/components/tooltip/types/index.ts +117 -0
  88. package/src/config/CommonCSSClassName.ts +17 -0
  89. package/src/config/GlobalConfig.ts +63 -0
  90. package/src/css/animation.css +987 -0
  91. package/src/css/button.css +551 -0
  92. package/src/css/common.css +48 -0
  93. package/src/css/index.css +253 -0
  94. package/src/css/ninePalaceGridPosition.css +50 -0
  95. package/src/css/scrollbar.css +22 -0
  96. package/src/handler/PopsElementHandler.ts +304 -0
  97. package/src/handler/PopsHandler.ts +589 -0
  98. package/src/svg/arrowLeft.svg +4 -0
  99. package/src/svg/arrowRight.svg +4 -0
  100. package/src/svg/chromeFilled.svg +11 -0
  101. package/src/svg/circleClose.svg +8 -0
  102. package/src/svg/close.svg +5 -0
  103. package/src/svg/cpu.svg +8 -0
  104. package/src/svg/delete.svg +5 -0
  105. package/src/svg/documentCopy.svg +5 -0
  106. package/src/svg/edit.svg +8 -0
  107. package/src/svg/eleme.svg +5 -0
  108. package/src/svg/elemePlus.svg +5 -0
  109. package/src/svg/headset.svg +5 -0
  110. package/src/svg/hide.svg +8 -0
  111. package/src/svg/keyboard.svg +8 -0
  112. package/src/svg/loading.svg +5 -0
  113. package/src/svg/max.svg +5 -0
  114. package/src/svg/min.svg +5 -0
  115. package/src/svg/mise.svg +5 -0
  116. package/src/svg/monitor.svg +5 -0
  117. package/src/svg/next.svg +5 -0
  118. package/src/svg/picture.svg +8 -0
  119. package/src/svg/prev.svg +5 -0
  120. package/src/svg/search.svg +5 -0
  121. package/src/svg/share.svg +5 -0
  122. package/src/svg/upload.svg +5 -0
  123. package/src/svg/videoPause.svg +5 -0
  124. package/src/svg/videoPlay.svg +5 -0
  125. package/src/svg/view.svg +5 -0
  126. package/src/types/PopsDOMUtilsEventType.d.ts +252 -0
  127. package/src/types/animation.d.ts +19 -0
  128. package/src/types/button.d.ts +187 -0
  129. package/src/types/components.d.ts +210 -0
  130. package/src/types/event.d.ts +63 -0
  131. package/src/types/global.d.ts +25 -0
  132. package/src/types/icon.d.ts +32 -0
  133. package/src/types/inst.d.ts +24 -0
  134. package/src/types/main.d.ts +111 -0
  135. package/src/types/mask.d.ts +49 -0
  136. package/src/types/position.d.ts +60 -0
  137. package/src/utils/PopsDOMUtils.ts +2408 -0
  138. package/src/utils/PopsDOMUtilsEventsConfig.ts +4 -0
  139. package/src/utils/PopsInstanceUtils.ts +688 -0
  140. package/src/utils/PopsMathUtils.ts +71 -0
  141. package/src/utils/PopsSafeUtils.ts +22 -0
  142. package/src/utils/PopsUtils.ts +406 -0
@@ -1,187 +1,187 @@
1
- import type { PopsEventDetails, PopsHandlerEventDetails } from "./event";
2
- import type { PopsIconType } from "./icon";
3
- import type { PopsType } from "./main";
4
-
5
- /**
6
- * 按钮类型
7
- */
8
- export type PopsButtonType = "close" | "ok" | "cancel" | "other";
9
- /**
10
- * 按钮样式类型
11
- */
12
- export type PopsButtonStyleType =
13
- | "default"
14
- | "primary"
15
- | "xiaomi-primary"
16
- | "success"
17
- | "info"
18
- | "warning"
19
- | "danger"
20
- | "violet";
21
-
22
- /**
23
- * 按钮大小
24
- */
25
- export type PopsButtonSize = "large" | "small";
26
-
27
- /**
28
- * 按钮的点击回调参数event
29
- */
30
- export interface PopsBtnCallBackEvent {
31
- /**
32
- * 元素
33
- */
34
- element: HTMLElement;
35
- /**
36
- * 动画元素(包裹着弹窗元素)
37
- */
38
- animElement: HTMLElement;
39
- /**
40
- * 弹窗元素
41
- */
42
- popsElement: HTMLElement;
43
- /**
44
- * 遮罩层元素
45
- */
46
- maskElement: HTMLElement | undefined;
47
- /**
48
- * 按钮调用类型
49
- */
50
- type: PopsButtonType;
51
- /**
52
- * 调用的方法
53
- */
54
- mode: PopsType;
55
- /**
56
- * 唯一id
57
- */
58
- guid: string;
59
- /**
60
- * 关闭弹窗
61
- */
62
- close(): void;
63
- /**
64
- * 隐藏弹窗
65
- */
66
- hide(): void;
67
- /**
68
- * 显示弹窗
69
- */
70
- show(): void;
71
- }
72
-
73
- /**
74
- * 按钮配置
75
- */
76
- export interface PopsButtonDetails<T = object> {
77
- /**
78
- * 是否启用按钮
79
- */
80
- enable: boolean;
81
- /**
82
- * 图标按钮,如果名字为内置的,则使用内置的,否则为自定义的svg
83
- */
84
- icon: PopsIconType;
85
- /**
86
- * 图标按钮是否放在右边
87
- */
88
- rightIcon: boolean;
89
- /**
90
- * 图标按钮是否是旋转360°
91
- * @default false
92
- */
93
- iconIsLoading: boolean;
94
- /**
95
- * 按钮尺寸大小
96
- * @default ""
97
- */
98
- size: PopsButtonSize | "";
99
- /**
100
- * 按钮样式类型
101
- * @default "default"
102
- */
103
- type: PopsButtonStyleType;
104
- /**
105
- * 按钮文字,默认为空
106
- */
107
- text: string;
108
- /**
109
- * 按钮点击的回调
110
- *
111
- * 如果传入该值,那么将不会自动关闭弹窗
112
- */
113
- callback(eventDetails: PopsHandlerEventDetails & T, event: PointerEvent | MouseEvent): void;
114
- }
115
-
116
- /**
117
- * 按钮配置(匹配任意类型)
118
- */
119
- export type PopsButtonDetailsAnyType<T = object> = Omit<PopsButtonDetails<T>, "type"> & {
120
- /**
121
- * 按钮样式类型
122
- * @default "default"
123
- */
124
- type: string;
125
- };
126
-
127
- /** prompt的点击回调 */
128
- export interface PopsPromptButtonDetails extends PopsButtonDetails {
129
- callback(
130
- eventDetails: PopsHandlerEventDetails & {
131
- text: string;
132
- },
133
- event: PointerEvent | MouseEvent
134
- ): void;
135
- }
136
- /**
137
- * 右上角关闭按钮点击回调的配置
138
- */
139
- export interface PopsHeaderCloseButtonClickCallBackEvent {
140
- /**
141
- * 动画元素(包裹着弹窗元素)
142
- */
143
- animElement: HTMLElement;
144
- /**
145
- * 遮罩层元素,如果未设置,那么不存在
146
- */
147
- maskElement?: HTMLElement;
148
- /**
149
- * 按钮调用类型
150
- */
151
- type: string;
152
- /**
153
- * 唯一id
154
- */
155
- guid: string;
156
- /**
157
- * 关闭弹窗
158
- */
159
- close(): void;
160
- /**
161
- * 隐藏弹窗
162
- */
163
- hide(): void;
164
- /**
165
- * 显示弹窗
166
- */
167
- show(): void;
168
- /**
169
- * 输入的内容
170
- */
171
- text: string;
172
- }
173
- /**
174
- * 顶部关闭按钮配置
175
- */
176
- export interface PopsHeaderCloseButtonDetails {
177
- /**
178
- * 是否启用按钮
179
- */
180
- enable?: boolean;
181
- /**
182
- * 按钮点击的回调
183
- *
184
- * 如果传入该值,那么将不会自动关闭弹窗
185
- */
186
- callback?: (details: PopsEventDetails, event: PointerEvent | MouseEvent) => void;
187
- }
1
+ import type { PopsEventDetails, PopsHandlerEventDetails } from "./event";
2
+ import type { PopsIconType } from "./icon";
3
+ import type { PopsType } from "./main";
4
+
5
+ /**
6
+ * 按钮类型
7
+ */
8
+ export type PopsButtonType = "close" | "ok" | "cancel" | "other";
9
+ /**
10
+ * 按钮样式类型
11
+ */
12
+ export type PopsButtonStyleType =
13
+ | "default"
14
+ | "primary"
15
+ | "xiaomi-primary"
16
+ | "success"
17
+ | "info"
18
+ | "warning"
19
+ | "danger"
20
+ | "violet";
21
+
22
+ /**
23
+ * 按钮大小
24
+ */
25
+ export type PopsButtonSize = "large" | "small";
26
+
27
+ /**
28
+ * 按钮的点击回调参数event
29
+ */
30
+ export interface PopsBtnCallBackEvent {
31
+ /**
32
+ * 元素
33
+ */
34
+ element: HTMLElement;
35
+ /**
36
+ * 动画元素(包裹着弹窗元素)
37
+ */
38
+ animElement: HTMLElement;
39
+ /**
40
+ * 弹窗元素
41
+ */
42
+ popsElement: HTMLElement;
43
+ /**
44
+ * 遮罩层元素
45
+ */
46
+ maskElement: HTMLElement | undefined;
47
+ /**
48
+ * 按钮调用类型
49
+ */
50
+ type: PopsButtonType;
51
+ /**
52
+ * 调用的方法
53
+ */
54
+ mode: PopsType;
55
+ /**
56
+ * 唯一id
57
+ */
58
+ guid: string;
59
+ /**
60
+ * 关闭弹窗
61
+ */
62
+ close(): void;
63
+ /**
64
+ * 隐藏弹窗
65
+ */
66
+ hide(): void;
67
+ /**
68
+ * 显示弹窗
69
+ */
70
+ show(): void;
71
+ }
72
+
73
+ /**
74
+ * 按钮配置
75
+ */
76
+ export interface PopsButtonDetails<T = object> {
77
+ /**
78
+ * 是否启用按钮
79
+ */
80
+ enable: boolean;
81
+ /**
82
+ * 图标按钮,如果名字为内置的,则使用内置的,否则为自定义的svg
83
+ */
84
+ icon: PopsIconType;
85
+ /**
86
+ * 图标按钮是否放在右边
87
+ */
88
+ rightIcon: boolean;
89
+ /**
90
+ * 图标按钮是否是旋转360°
91
+ * @default false
92
+ */
93
+ iconIsLoading: boolean;
94
+ /**
95
+ * 按钮尺寸大小
96
+ * @default ""
97
+ */
98
+ size: PopsButtonSize | "";
99
+ /**
100
+ * 按钮样式类型
101
+ * @default "default"
102
+ */
103
+ type: PopsButtonStyleType;
104
+ /**
105
+ * 按钮文字,默认为空
106
+ */
107
+ text: string;
108
+ /**
109
+ * 按钮点击的回调
110
+ *
111
+ * 如果传入该值,那么将不会自动关闭弹窗
112
+ */
113
+ callback(eventDetails: PopsHandlerEventDetails & T, event: PointerEvent | MouseEvent): void;
114
+ }
115
+
116
+ /**
117
+ * 按钮配置(匹配任意类型)
118
+ */
119
+ export type PopsButtonDetailsAnyType<T = object> = Omit<PopsButtonDetails<T>, "type"> & {
120
+ /**
121
+ * 按钮样式类型
122
+ * @default "default"
123
+ */
124
+ type: string;
125
+ };
126
+
127
+ /** prompt的点击回调 */
128
+ export interface PopsPromptButtonDetails extends PopsButtonDetails {
129
+ callback(
130
+ eventDetails: PopsHandlerEventDetails & {
131
+ text: string;
132
+ },
133
+ event: PointerEvent | MouseEvent
134
+ ): void;
135
+ }
136
+ /**
137
+ * 右上角关闭按钮点击回调的配置
138
+ */
139
+ export interface PopsHeaderCloseButtonClickCallBackEvent {
140
+ /**
141
+ * 动画元素(包裹着弹窗元素)
142
+ */
143
+ animElement: HTMLElement;
144
+ /**
145
+ * 遮罩层元素,如果未设置,那么不存在
146
+ */
147
+ maskElement?: HTMLElement;
148
+ /**
149
+ * 按钮调用类型
150
+ */
151
+ type: string;
152
+ /**
153
+ * 唯一id
154
+ */
155
+ guid: string;
156
+ /**
157
+ * 关闭弹窗
158
+ */
159
+ close(): void;
160
+ /**
161
+ * 隐藏弹窗
162
+ */
163
+ hide(): void;
164
+ /**
165
+ * 显示弹窗
166
+ */
167
+ show(): void;
168
+ /**
169
+ * 输入的内容
170
+ */
171
+ text: string;
172
+ }
173
+ /**
174
+ * 顶部关闭按钮配置
175
+ */
176
+ export interface PopsHeaderCloseButtonDetails {
177
+ /**
178
+ * 是否启用按钮
179
+ */
180
+ enable?: boolean;
181
+ /**
182
+ * 按钮点击的回调
183
+ *
184
+ * 如果传入该值,那么将不会自动关闭弹窗
185
+ */
186
+ callback?: (details: PopsEventDetails, event: PointerEvent | MouseEvent) => void;
187
+ }