@whitesev/pops 2.6.0 → 3.0.0

package/src/svg/keyboard.svg

@@ -1,8 +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 viewBox="0 0 1123 1024" xmlns="http://www.w3.org/2000/svg" data-type="keyboard">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="loading">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="max">
+  <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

@@ -1,5 +1,3 @@
-<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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="min">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="mise">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="monitor">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="next">
+  <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

@@ -1,8 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="picture">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="prev">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="search">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="share">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="upload">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="videoPause">
+  <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

@@ -1,5 +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 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-type="videoPlay">
+  <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

@@ -1,5 +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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-type="view">
+  <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/button.d.ts

@@ -1,6 +1,5 @@
 import type { PopsEventConfig, PopsHandlerEventConfig } from "./event";
 import type { PopsIconType } from "./icon";
-import type { PopsType } from "./main";
 
 /**
  * 按钮类型
@@ -24,56 +23,10 @@ export type PopsButtonStyleType =
  */
 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> {
+export interface PopsGlobalButtonConfig<T = object> {
   /**
    * 是否启用按钮
    */
@@ -116,7 +69,7 @@ export interface PopsButtonDetails<T = object> {
 /**
  * 按钮配置（匹配任意类型）
  */
-export type PopsButtonDetailsAnyType<T = object> = Omit<PopsButtonDetails<T>, "type"> & {
+export type PopsButtonConfigAnyType<T = object> = Omit<PopsGlobalButtonConfig<T>, "type"> & {
   /**
    * 按钮样式类型
    * @default "default"
@@ -124,56 +77,10 @@ export type PopsButtonDetailsAnyType<T = object> = Omit<PopsButtonDetails<T>, "t
   type: string;
 };
 
-/** prompt的点击回调 */
-export interface PopsPromptButtonDetails extends PopsButtonDetails {
-  callback(
-    eventConfig: PopsHandlerEventConfig & {
-      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 {
+export interface PopsHeaderCloseButtonConfig {
   /**
    * 是否启用按钮
    */
@@ -183,5 +90,5 @@ export interface PopsHeaderCloseButtonDetails {
    *
    * 如果传入该值，那么将不会自动关闭弹窗
    */
-  callback?: (details: PopsEventConfig, event: PointerEvent | MouseEvent) => void;
+  callback?: (eventConfig: PopsEventConfig, event: PointerEvent | MouseEvent) => void;
 }

package/src/types/components.d.ts

@@ -1,7 +1,7 @@
 import type { PopsAnimation } from "./animation";
 import type { PopsPosition, PopsTextAlign, PopsJustifyContent } from "./position";
-import type { PopsButtonDetails, PopsButtonDetailsAnyType, PopsHeaderCloseButtonDetails } from "./button";
-import type { PopsMaskDetails } from "./mask";
+import type { PopsGlobalButtonConfig, PopsButtonConfigAnyType, PopsHeaderCloseButtonConfig } from "./button";
+import type { PopsMaskConfig } from "./mask";
 
 /**
  * 标题配置
@@ -62,7 +62,7 @@ export interface PopsButtonConfig {
     /**
      * 右上角的关闭按钮
      */
-    close?: PopsHeaderCloseButtonDetails;
+    close?: PopsHeaderCloseButtonConfig;
   };
 }
 /**
@@ -88,15 +88,15 @@ export interface PopsMoreButtonConfig<T = object> {
     /**
      * 确定按钮
      */
-    ok?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+    ok?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
     /**
      * 取消按钮
      */
-    cancel?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+    cancel?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
     /**
      * 其他按钮
      */
-    other?: Partial<PopsButtonDetails<T> | PopsButtonDetailsAnyType<T>>;
+    other?: Partial<PopsGlobalButtonConfig<T> | PopsButtonConfigAnyType<T>>;
   };
 }
 /**
@@ -136,7 +136,7 @@ export interface PopsDragConfig {
 /**
  * 通用配置
  */
-export interface PopsCommonConfig {
+export interface PopsGeneralConfig {
   /**
    * 是否使用shadowRoot
    *
@@ -188,7 +188,7 @@ export interface PopsCommonConfig {
   /**
    * 遮罩层
    */
-  mask?: PopsMaskDetails;
+  mask?: PopsMaskConfig;
   /**
    * 是否禁用页面滚动
    *

package/src/types/event.d.ts

@@ -1,35 +1,5 @@
-import type { PopsIframeDetails } from "../components/iframe/types";
 import type { PopsType } from "./main";
 
-/**
- * 事件配置
- */
-export interface PopsIframeEventConfig {
-  /**
-   * 唯一id
-   */
-  guid: string;
-  /**
-   * 当前弹窗类型
-   */
-  mode: PopsType;
-  /**
-   * 动画层
-   */
-  animElement: HTMLElement;
-  /**
-   * 主元素
-   */
-  popsElement: HTMLElement;
-  /**
-   * 遮罩层
-   */
-  maskElement: HTMLElement;
-  /**
-   * 当前配置
-   */
-  config: PopsIframeDetails;
-}
 /**
  * 事件配置
  */

package/src/types/global.d.ts

@@ -25,3 +25,5 @@ declare type DeepRequired<T> = T extends any[]
             [K in keyof T]-?: DeepRequired<T[K]>;
           }
       : T;
+
+declare type IPromise<T> = Promise<T> | T;

package/src/types/inst.d.ts

@@ -5,20 +5,20 @@ export interface PopsInstConfig {
   /** 固定id */
   guid: string;
   /** 动画元素 */
-  animElement: HTMLDivElement;
+  $anim: HTMLDivElement;
   /** 主元素 */
-  popsElement: HTMLDivElement;
+  $pops: HTMLDivElement;
   /** 遮罩层元素 */
-  maskElement?: HTMLDivElement;
+  $mask?: HTMLDivElement;
 }
 /**
  * config实例通用配置
  */
-export interface PopsInstCommonConfig extends PopsInstConfig {
+export interface PopsInstGeneralConfig extends PopsInstConfig {
   /** shadow容器 */
   $shadowContainer: HTMLDivElement;
   /** shadow容器的shandowRoot */
   $shadowRoot: ShadowRoot | HTMLElement;
   /** 移除实例前的回调函数 */
-  beforeRemoveCallBack?: (instCommonConfig: PopsInstCommonConfig) => void;
+  beforeRemoveCallBack?: (instCommonConfig: PopsInstGeneralConfig) => void;
 }

package/src/types/main.d.ts

@@ -1,111 +1,66 @@
-import type { PopsAlertDetails } from "../components/alert/types";
-import type { PopsConfirmDetails } from "../components/confirm/types";
-import type { PopsDrawerDetails } from "../components/drawer/types";
-import type { PopsFolderDetails } from "../components/folder/types";
-import type { PopsIframeDetails } from "../components/iframe/types";
-import type { PopsLoadingDetails } from "../components/loading/types";
-import type { PopsPanelButtonDetails } from "../components/panel/types/components-button";
-import type { PopsPanelDeepMenuDetails } from "../components/panel/types/components-deepMenu";
-import type { PopsPanelDetails } from "../components/panel/types";
-import type { PopsPanelInputDetails } from "../components/panel/types/components-input";
-import type { PopsPanelOwnDetails } from "../components/panel/types/components-own";
-import type { PopsPanelSelectDetails } from "../components/panel/types/components-select";
-import type { PopsPanelSliderDetails } from "../components/panel/types/components-slider";
-import type { PopsPanelSwitchDetails } from "../components/panel/types/components-switch";
-import type { PopsPanelTextAreaDetails } from "../components/panel/types/components-textarea";
-import type { PopsPromptDetails } from "../components/prompt/types/index";
-import type { PopsRightClickMenuDetails } from "../components/rightClickMenu/types";
-import type { PopsToolTipDetails } from "../components/tooltip/types/index";
-import type { PopsSearchSuggestionDetails } from "../components/searchSuggestion/types";
+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 { PopsToolTipConfig } from "../components/tooltip/types/index";
+import type { PopsSearchSuggestionConfig } from "../components/searchSuggestion/types";
 
 export interface PopsUtilsOwnObject<V> {
   [key: string]: V | PopsUtilsOwnObject<V>;
 }
 
 /** pops所有的类型配置 11个*/
-export interface PopsDetails {
-  alert: PopsAlertDetails;
-  confirm: PopsConfirmDetails;
-  prompt: PopsPromptDetails;
-  loading: PopsLoadingDetails;
-  iframe: PopsIframeDetails;
-  tooltip: PopsToolTipDetails;
-  drawer: PopsDrawerDetails;
-  folder: PopsFolderDetails;
-  panel: PopsPanelDetails;
-  rightClickMenu: PopsRightClickMenuDetails;
-  searchSuggestion: PopsSearchSuggestionDetails;
+export interface PopsConfig {
+  alert: PopsAlertConfig;
+  confirm: PopsConfirmConfig;
+  prompt: PopsPromptConfig;
+  loading: PopsLoadingConfig;
+  iframe: PopsIframeConfig;
+  tooltip: PopsToolTipConfig;
+  drawer: PopsDrawerConfig;
+  folder: PopsFolderConfig;
+  panel: PopsPanelConfig;
+  rightClickMenu: PopsRightClickMenuConfig;
+  searchSuggestion: PopsSearchSuggestionConfig;
 }
 
 /** pops的类型 */
-export type PopsType = keyof PopsDetails;
+export type PopsType = keyof PopsConfig;
 
 /** pops中支持only的配置 */
-export type PopsSupportOnlyDetails = Omit<PopsDetails, "searchSuggestion">;
+export type PopsSupportOnlyConfig = Omit<PopsConfig, "searchSuggestion">;
 
 /** 存储实例的类型 */
-export type PopsInstStoreType = keyof Omit<PopsDetails, "searchSuggestion">;
+export type PopsInstStoreType = keyof Omit<PopsConfig, "searchSuggestion">;
 
 /** pops弹窗支持动画元素的配置 8个 */
-export type PopsSupportAnimDetails = Omit<PopsDetails, "tooltip" | "rightClickMenu" | "searchSuggestion">;
+export type PopsSupportAnimConfig = Omit<PopsConfig, "tooltip" | "rightClickMenu" | "searchSuggestion">;
 
 /** pops弹窗支持动画元素的类型 */
-export type PopsSupportAnimDetailsType = keyof PopsSupportAnimDetails;
+export type PopsSupportAnimConfigType = keyof PopsSupportAnimConfig;
 
 /** pops弹窗支持标题栏的配置 */
-export type PopsSupportHeaderTitleDetails = Pick<
-  PopsDetails,
+export type PopsSupportHeaderTitleConfig = Pick<
+  PopsConfig,
   "alert" | "confirm" | "prompt" | "iframe" | "drawer" | "folder" | "panel"
 >;
 
 /** pops弹窗支持标题栏的类型 */
-export type PopsSupportHeaderTitleDetailsType = keyof PopsSupportHeaderTitleDetails;
+export type PopsSupportHeaderTitleConfigType = keyof PopsSupportHeaderTitleConfig;
 
 /** pops支持底部按钮的配置 */
-export type PopsSupportBottomBtnDetails = Pick<PopsDetails, "alert" | "confirm" | "prompt" | "drawer">;
+export type PopsSupportBottomButtonConfig = Pick<PopsConfig, "alert" | "confirm" | "prompt" | "drawer">;
 
 /** pops支持底部按钮的类型 */
-export type PopsSupportBottomBtnDetailsType = keyof PopsSupportHeaderTitleDetails;
+export type PopsSupportBottomButtonConfigType = keyof PopsSupportHeaderTitleConfig;
 
 /** pops支持中间内容的配置 */
-export type PopsSupportContentDetails = Pick<PopsDetails, "alert" | "confirm" | "prompt" | "drawer" | "loading">;
+export type PopsSupportContentConfig = Pick<PopsConfig, "alert" | "confirm" | "prompt" | "drawer" | "loading">;
 
 /** pops支持中间内容的类型 */
-export type PopsSupportContentDetailsType = keyof PopsSupportContentDetails;
-
-/** panel的各种类型的配置项 */
-export type PopsPanelFormsTotalDetails =
-  | PopsPanelSwitchDetails
-  | PopsPanelSliderDetails
-  | PopsPanelInputDetails
-  | PopsPanelTextAreaDetails
-  | PopsPanelSelectDetails<any>
-  | PopsPanelButtonDetails
-  | PopsPanelDeepMenuDetails
-  | PopsPanelOwnDetails;
-
-/**
- * pops.xxx的调用返回值
- */
-export interface PopsCallResult {
-  /** 唯一标识id */
-  guid: string;
-  /** 影子元素 */
-  $shadowContainer: HTMLDivElement;
-  /** 影子元素的根节点 */
-  $shadowRoot: ShadowRoot | HTMLElement;
-  /** 元素 */
-  element: HTMLDivElement;
-  /** 动画层元素 */
-  animElement: HTMLDivElement;
-  /** pops元素 */
-  popsElement: HTMLDivElement;
-  /** 遮罩层元素 */
-  maskElement?: HTMLDivElement;
-  /** 关闭弹窗 */
-  close(): void;
-  /** 隐藏弹窗 */
-  hide(): void;
-  /** 显示弹窗 */
-  show(): void;
-}
+export type PopsSupportContentConfigType = keyof PopsSupportContentConfig;