V5 (#500)

* update dep

* Update package.json

* update contextmenu

* update d.ts

* update onVttLoad

* build artplayer

* update style

* --art-theme

* update style

* update style

* update user-select

* add getIcon

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* add progress-hover

* update mini

* update style

* update style

* update style

* update style

* update style

* update volume

* update style

* add art-backdrop

* update style

* update style

* update style

* update currentLevel

* update artplayerPluginControl

* update artplayerPluginDanmuku

* Update package.json

packages/artplayer/src/plugins/autoPlayback.js

@@ -11,17 +11,17 @@ export default function autoPlayback(art) {
     } = art;
 
     const $autoPlayback = art.layers.add({
-        name: 'autoPlayback',
+        name: 'auto-playback',
         html: `
-            <div class="art-autoPlayback-close"></div>
-            <div class="art-autoPlayback-last"></div>
-            <div class="art-autoPlayback-jump"></div>
+            <div class="art-auto-playback-close"></div>
+            <div class="art-auto-playback-last"></div>
+            <div class="art-auto-playback-jump"></div>
         `,
     });
 
-    const $last = query('.art-autoPlayback-last', $autoPlayback);
-    const $jump = query('.art-autoPlayback-jump', $autoPlayback);
-    const $close = query('.art-autoPlayback-close', $autoPlayback);
+    const $last = query('.art-auto-playback-last', $autoPlayback);
+    const $jump = query('.art-auto-playback-jump', $autoPlayback);
+    const $close = query('.art-auto-playback-close', $autoPlayback);
 
     art.on('video:timeupdate', () => {
         const times = storage.get('times') || {};
@@ -63,7 +63,7 @@ export default function autoPlayback(art) {
     });
 
     return {
-        name: 'autoPlayback',
+        name: 'auto-playback',
         get times() {
             return storage.get('times') || {};
         },

packages/artplayer/src/plugins/miniProgressBar.js

@@ -1,7 +1,7 @@
 export default function miniProgressBar(art) {
     art.on('ready', () => {
         art.layers.add({
-            name: 'miniProgressBar',
+            name: 'mini-progress-bar',
             mounted($progressBar) {
                 art.on('destroy', () => {
                     $progressBar.style.display = 'none';
@@ -21,6 +21,6 @@ export default function miniProgressBar(art) {
     });
 
     return {
-        name: 'miniProgressBar',
+        name: 'mini-progress-bar',
     };
 }