@whitesev/pops 2.4.6 → 2.4.7

package/src/svg/hide.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+	<path
+		fill="currentColor"
+		d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"></path>
+	<path
+		fill="currentColor"
+		d="M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"></path>
+</svg>

package/src/svg/keyboard.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 1123 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M1014.122186 1024H109.753483A109.753483 109.753483 0 0 1 0 914.246517V392.917471a109.753483 109.753483 0 0 1 109.753483-109.753484h904.368703a109.753483 109.753483 0 0 1 109.753484 109.753484v521.329046a109.753483 109.753483 0 0 1-109.753484 109.753483zM109.753483 370.966774a21.950697 21.950697 0 0 0-21.950696 21.950697v521.329046a21.950697 21.950697 0 0 0 21.950696 21.950696h904.368703a21.950697 21.950697 0 0 0 21.950697-21.950696V392.917471a21.950697 21.950697 0 0 0-21.950697-21.950697z"></path>
+	<path
+		d="M687.056806 891.198285H307.309753a43.901393 43.901393 0 0 1 0-87.802787h379.747053a43.901393 43.901393 0 0 1 0 87.802787zM175.605573 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM432.428725 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM947.172562 414.868167a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 546.572347a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM690.349411 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 546.572347a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM818.760986 803.395498a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM175.605573 678.276527a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394zM304.017149 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM432.428725 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM561.937835 678.276527a43.901393 43.901393 0 1 0 43.901393 43.901394 43.901393 43.901393 0 0 0-43.901393-43.901394zM948.270096 803.395498a43.901393 43.901393 0 1 0 43.901394 43.901394 43.901393 43.901393 0 0 0-43.901394-43.901394z"></path>
+	<path
+		d="M881.320472 766.079314H689.251876a43.901393 43.901393 0 0 1 0-87.802787h192.068596a21.950697 21.950697 0 0 0 21.950696-21.950696v-65.85209a43.901393 43.901393 0 0 1 87.802787 0v65.85209a109.753483 109.753483 0 0 1-109.753483 109.753483zM305.114684 502.670954H175.605573a43.901393 43.901393 0 0 1 0-87.802787h129.509111a43.901393 43.901393 0 0 1 0 87.802787zM563.03537 365.4791a43.901393 43.901393 0 0 1-43.901394-43.901394v-105.363344A109.753483 109.753483 0 0 1 628.88746 106.460879h61.461951a21.950697 21.950697 0 0 0 21.950696-21.950697V43.901393a43.901393 43.901393 0 0 1 87.802787 0v40.608789a109.753483 109.753483 0 0 1-109.753483 109.753484h-61.461951a21.950697 21.950697 0 0 0-21.950697 21.950696v105.363344a43.901393 43.901393 0 0 1-43.901393 43.901394z"></path>
+</svg>

package/src/svg/loading.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>
+</svg>

package/src/svg/max.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z"></path>
+</svg>

package/src/svg/min.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"></path>
+</svg>

package/src/svg/mise.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M885.333333 85.333333H330.410667a53.333333 53.333333 0 0 0-53.333334 53.333334v106.666666H138.666667A53.333333 53.333333 0 0 0 85.333333 298.666667v586.666666a53.333333 53.333333 0 0 0 53.333334 53.333334H725.333333a53.333333 53.333333 0 0 0 53.333334-53.333334V746.154667h106.666666c29.44 0 53.333333-23.893333 53.333334-53.333334V138.666667A53.333333 53.333333 0 0 0 885.333333 85.333333zM725.333333 692.821333v192.512H138.666667V298.666667H725.333333v394.154666z m157.866667 0H778.666667V298.666667a53.333333 53.333333 0 0 0-53.333334-53.333334H330.410667v-106.666666h554.922666l-2.133333 554.154666z"></path>
+</svg>

package/src/svg/monitor.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M544 768v128h192a32 32 0 1 1 0 64H288a32 32 0 1 1 0-64h192V768H192A128 128 0 0 1 64 640V256a128 128 0 0 1 128-128h640a128 128 0 0 1 128 128v384a128 128 0 0 1-128 128H544zM192 192a64 64 0 0 0-64 64v384a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V256a64 64 0 0 0-64-64H192z"></path>
+</svg>

package/src/svg/next.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>
+</svg>

package/src/svg/picture.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"></path>
+	<path
+		fill="currentColor"
+		d="M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"></path>
+</svg>

package/src/svg/prev.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>
+</svg>

package/src/svg/search.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>
+</svg>

package/src/svg/share.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="m679.872 348.8-301.76 188.608a127.808 127.808 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"></path>
+</svg>

package/src/svg/upload.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"></path>
+</svg>

package/src/svg/videoPause.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-96-544q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32zm192 0q32 0 32 32v256q0 32-32 32t-32-32V384q0-32 32-32z"></path>
+</svg>

package/src/svg/videoPlay.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+	<path
+		fill="currentColor"
+		d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768zm-48-247.616L668.608 512 464 375.616v272.768zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z"></path>
+</svg>

package/src/svg/view.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+	<path
+		fill="currentColor"
+		d="M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"></path>
+</svg>

package/src/types/PopsDOMUtilsEventType.d.ts

@@ -0,0 +1,252 @@
+export type PopsDOMUtilsEventObject<T extends Node> = Event & {
+  target: T;
+};
+
+export type PopsDOMUtilsCreateElementAttributesMap = {
+  style?: string;
+  id?: string;
+  class?: string;
+  "data-"?: string;
+  type?: string;
+  [key: string]: any;
+};
+/**
+ * 鼠标事件
+ * + https://blog.csdn.net/weixin_68658847/article/details/126939879
+ */
+
+export interface PopsDOMUtils_MouseEvent {
+  click: MouseEvent | PointerEvent;
+  contextmenu: MouseEvent | PointerEvent;
+  dblclick: MouseEvent | PointerEvent;
+  mousedown: MouseEvent | PointerEvent;
+  mouseenter: MouseEvent | PointerEvent;
+  mouseleave: MouseEvent | PointerEvent;
+  mousemove: MouseEvent | PointerEvent;
+  mouseover: MouseEvent | PointerEvent;
+  mouseout: MouseEvent | PointerEvent;
+  mouseup: MouseEvent | PointerEvent;
+  hover: MouseEvent;
+}
+export type PopsDOMUtils_MouseEventType = keyof PopsDOMUtils_MouseEvent;
+/**
+ * 鼠标事件
+ */
+export interface PopsDOMUtils_KeyboardEvent {
+  keydown: KeyboardEvent;
+  keypress: KeyboardEvent;
+  keyup: KeyboardEvent;
+}
+export type PopsDOMUtils_KeyboardEventType = keyof PopsDOMUtils_KeyboardEvent;
+/**
+ * 框架/对象事件
+ */
+export interface PopsDOMUtils_Frame_Object_Event {
+  abort: Event;
+  beforeunload: Event;
+  error: Event;
+  hashchange: Event;
+  load: Event;
+  pageshow: Event;
+  pagehide: Event;
+  resize: Event;
+  scroll: Event;
+  unload: Event;
+}
+export type PopsDOMUtils_Frame_Object_EventType = keyof PopsDOMUtils_Frame_Object_Event;
+/**
+ * 表单事件
+ */
+export interface PopsDOMUtils_FormEvent {
+  blur: Event;
+  change: Event;
+  focus: Event;
+  focusin: Event;
+  focusout: Event;
+  input: Event;
+  reset: Event;
+  search: Event;
+}
+export type PopsDOMUtils_FormEventType = keyof PopsDOMUtils_FormEvent;
+
+/**
+ * 剪贴板事件
+ */
+export interface PopsDOMUtils_ClipboardEvent {
+  copy: ClipboardEvent;
+  cut: ClipboardEvent;
+  paste: ClipboardEvent;
+}
+export type PopsDOMUtils_ClipboardEventType = keyof PopsDOMUtils_ClipboardEvent;
+
+/**
+ * 打印事件
+ */
+export interface PopsDOMUtils_PrintEvent {
+  afterprint: Event;
+  beforeprint: Event;
+}
+export type PopsDOMUtils_PrintEventType = keyof PopsDOMUtils_PrintEvent;
+
+/**
+ * 拖动事件
+ */
+export interface PopsDOMUtils_DragEvent {
+  drag: DragEvent;
+  dragend: DragEvent;
+  dragenter: DragEvent;
+  dragleave: DragEvent;
+  dragover: DragEvent;
+  dragstart: DragEvent;
+  drop: DragEvent;
+}
+export type PopsDOMUtils_DragEventType = keyof PopsDOMUtils_DragEvent;
+
+/**
+ * 多媒体（Media）事件
+ */
+export interface PopsDOMUtils_MediaEvent {
+  abort: Event;
+  canplay: Event;
+  canplaythrough: Event;
+  durationchange: Event;
+  emptied: Event;
+  ended: Event;
+  error: Event;
+  loadeddata: Event;
+  loadedmetadata: Event;
+  loadstart: Event;
+  pause: Event;
+  play: Event;
+  playing: Event;
+  progress: Event;
+  ratechange: Event;
+  seeked: Event;
+  seeking: Event;
+  stalled: Event;
+  suspend: Event;
+  timeupdate: Event;
+  volumechange: Event;
+  waiting: Event;
+}
+export type PopsDOMUtils_MediaEventType = keyof PopsDOMUtils_MediaEvent;
+
+/**
+ * 动画事件
+ */
+export interface PopsDOMUtils_AnimationEvent {
+  animationend: AnimationEvent;
+  animationiteration: AnimationEvent;
+  animationstart: AnimationEvent;
+}
+export type PopsDOMUtils_AnimationEventType = keyof PopsDOMUtils_AnimationEvent;
+
+/**
+ * 过渡事件
+ */
+export interface PopsDOMUtils_TransitionEvent {
+  transitionend: TransitionEvent;
+}
+export type PopsDOMUtils_TransitionEventType = keyof PopsDOMUtils_TransitionEvent;
+
+/**
+ * 触摸事件
+ */
+export interface PopsDOMUtils_TouchEvent {
+  touchstart: TouchEvent;
+  touchmove: TouchEvent;
+  touchend: TouchEvent;
+  touchcancel: TouchEvent;
+  touchenter: TouchEvent;
+  touchleave: TouchEvent;
+}
+export type PopsDOMUtils_TouchEventType = keyof PopsDOMUtils_TouchEvent;
+/**
+ * 其它事件
+ */
+export interface PopsDOMUtils_OtherEvent {
+  message: Event;
+  online: Event;
+  offline: Event;
+  popstate: Event;
+  show: Event;
+  storage: Event;
+  toggle: Event;
+  wheel: Event;
+  propertychange: Event;
+  fullscreenchange: Event;
+  DOMContentLoaded: Event;
+}
+export type PopsDOMUtils_OtherEventType = keyof PopsDOMUtils_OtherEvent;
+
+/**
+ * 全部事件
+ */
+export type PopsDOMUtils_Event = PopsDOMUtils_MouseEvent &
+  PopsDOMUtils_KeyboardEvent &
+  PopsDOMUtils_Frame_Object_Event &
+  PopsDOMUtils_FormEvent &
+  PopsDOMUtils_ClipboardEvent &
+  PopsDOMUtils_PrintEvent &
+  PopsDOMUtils_DragEvent &
+  PopsDOMUtils_MediaEvent &
+  PopsDOMUtils_AnimationEvent &
+  PopsDOMUtils_TransitionEvent &
+  PopsDOMUtils_TouchEvent &
+  PopsDOMUtils_OtherEvent;
+
+/**
+ * 事件类型
+ */
+export type PopsDOMUtils_EventType = keyof PopsDOMUtils_Event;
+
+/**
+ * 元素上的events属性
+ */
+export declare interface PopsDOMUtilsEventListenerOptionsAttribute {
+  /**
+   * DOMUtils的ownCallBack，元素上的监听事件就是它，移除事件时也需要传入这个函数
+   */
+  callback: (event: Event) => void;
+  /**
+   * 属性配置
+   */
+  option: PopsDOMUtilsEventListenerOption;
+  /**
+   * 用户添加的事件
+   */
+  originCallBack: (event: Event, selectorTarget?: HTMLElement) => void;
+  /**
+   * 子元素选择器
+   */
+  selector?: string[];
+}
+
+export type PopsDOMUtilsElementEventType =
+  | HTMLElement
+  | string
+  | NodeList
+  | (HTMLElement | Window | Document | Element | typeof globalThis)[]
+  | Window
+  | Document
+  | Element
+  | null
+  | typeof globalThis
+  | ShadowRoot
+  | EventTarget
+  | ChildNode
+  | Node;
+
+export type ParseHTMLReturnType<T1, T2> = T1 extends true ? (T2 extends true ? Document : HTMLElement) : HTMLElement;
+
+/**
+ * 事件的额外配置
+ */
+export declare type PopsDOMUtilsEventListenerOption = AddEventListenerOptions & {
+  /**
+   * 是否使用 event.composedPath() 来代替 event.target
+   *
+   * 一般用于设置了selector参数
+   */
+  isComposedPath?: boolean;
+};

package/src/types/animation.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 动画
+ */
+export type PopsAnimation =
+  | "pops-anim-spread"
+  | "pops-anim-shake"
+  | "pops-anim-rolling-left"
+  | "pops-anim-rolling-right"
+  | "pops-anim-slide-top"
+  | "pops-anim-slide-bottom"
+  | "pops-anim-slide-left"
+  | "pops-anim-slide-right"
+  | "pops-anim-fadein"
+  | "pops-anim-fadein-zoom"
+  | "pops-anim-fadein-alert"
+  | "pops-anim-don"
+  | "pops-anim-roll"
+  | "pops-anim-sandra"
+  | "pops-anim-gather";

package/src/types/button.d.ts

@@ -0,0 +1,187 @@
+import type { PopsEventDetails, PopsHandlerEventDetails } from "./event";
+import type { PopsIconType } from "./icon";
+import type { PopsType } from "./main";
+
+/**
+ * 按钮类型
+ */
+export type PopsButtonType = "close" | "ok" | "cancel" | "other";
+/**
+ * 按钮样式类型
+ */
+export type PopsButtonStyleType =
+  | "default"
+  | "primary"
+  | "xiaomi-primary"
+  | "success"
+  | "info"
+  | "warning"
+  | "danger"
+  | "violet";
+
+/**
+ * 按钮大小
+ */
+export type PopsButtonSize = "large" | "small";
+
+/**
+ * 按钮的点击回调参数event
+ */
+export interface PopsBtnCallBackEvent {
+  /**
+   * 元素
+   */
+  element: HTMLElement;
+  /**
+   * 动画元素（包裹着弹窗元素）
+   */
+  animElement: HTMLElement;
+  /**
+   * 弹窗元素
+   */
+  popsElement: HTMLElement;
+  /**
+   * 遮罩层元素
+   */
+  maskElement: HTMLElement | undefined;
+  /**
+   * 按钮调用类型
+   */
+  type: PopsButtonType;
+  /**
+   * 调用的方法
+   */
+  mode: PopsType;
+  /**
+   * 唯一id
+   */
+  guid: string;
+  /**
+   * 关闭弹窗
+   */
+  close(): void;
+  /**
+   * 隐藏弹窗
+   */
+  hide(): void;
+  /**
+   * 显示弹窗
+   */
+  show(): void;
+}
+
+/**
+ * 按钮配置
+ */
+export interface PopsButtonDetails<T = object> {
+  /**
+   * 是否启用按钮
+   */
+  enable: boolean;
+  /**
+   * 图标按钮，如果名字为内置的，则使用内置的，否则为自定义的svg
+   */
+  icon: PopsIconType;
+  /**
+   * 图标按钮是否放在右边
+   */
+  rightIcon: boolean;
+  /**
+   * 图标按钮是否是旋转360°
+   * @default false
+   */
+  iconIsLoading: boolean;
+  /**
+   * 按钮尺寸大小
+   * @default ""
+   */
+  size: PopsButtonSize | "";
+  /**
+   * 按钮样式类型
+   * @default "default"
+   */
+  type: PopsButtonStyleType;
+  /**
+   * 按钮文字，默认为空
+   */
+  text: string;
+  /**
+   * 按钮点击的回调
+   *
+   * 如果传入该值，那么将不会自动关闭弹窗
+   */
+  callback(eventDetails: PopsHandlerEventDetails & T, event: PointerEvent | MouseEvent): void;
+}
+
+/**
+ * 按钮配置（匹配任意类型）
+ */
+export type PopsButtonDetailsAnyType<T = object> = Omit<PopsButtonDetails<T>, "type"> & {
+  /**
+   * 按钮样式类型
+   * @default "default"
+   */
+  type: string;
+};
+
+/** prompt的点击回调 */
+export interface PopsPromptButtonDetails extends PopsButtonDetails {
+  callback(
+    eventDetails: PopsHandlerEventDetails & {
+      text: string;
+    },
+    event: PointerEvent | MouseEvent
+  ): void;
+}
+/**
+ * 右上角关闭按钮点击回调的配置
+ */
+export interface PopsHeaderCloseButtonClickCallBackEvent {
+  /**
+   * 动画元素（包裹着弹窗元素）
+   */
+  animElement: HTMLElement;
+  /**
+   * 遮罩层元素，如果未设置，那么不存在
+   */
+  maskElement?: HTMLElement;
+  /**
+   * 按钮调用类型
+   */
+  type: string;
+  /**
+   * 唯一id
+   */
+  guid: string;
+  /**
+   * 关闭弹窗
+   */
+  close(): void;
+  /**
+   * 隐藏弹窗
+   */
+  hide(): void;
+  /**
+   * 显示弹窗
+   */
+  show(): void;
+  /**
+   * 输入的内容
+   */
+  text: string;
+}
+/**
+ * 顶部关闭按钮配置
+ */
+export interface PopsHeaderCloseButtonDetails {
+  /**
+   * 是否启用按钮
+   */
+  enable?: boolean;
+  /**
+   * 按钮点击的回调
+   *
+   * 如果传入该值，那么将不会自动关闭弹窗
+   */
+  callback?: (details: PopsEventDetails, event: PointerEvent | MouseEvent) => void;
+}