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/icons/index.js

@@ -1,4 +1,4 @@
-import { append, def, addClass, createElement } from '../utils';
+import { def, getIcon } from '../utils';
 import loading from 'bundle-text:./loading.svg';
 import state from 'bundle-text:./state.svg';
 import check from 'bundle-text:./check.svg';
@@ -62,13 +62,7 @@ export default class Icons {
 
         Object.keys(icons).forEach((key) => {
             def(this, key, {
-                get: () => {
-                    const icon = createElement('i');
-                    addClass(icon, 'art-icon');
-                    addClass(icon, `art-icon-${key}`);
-                    append(icon, icons[key]);
-                    return icon;
-                },
+                get: () => getIcon(key, icons[key]),
             });
         });
     }

packages/artplayer/src/icons/state.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">
-    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">
+<path fill="#fff" d="M9.5 9.325v5.35q0 .575.525.875t1.025-.05l4.15-2.65q.475-.3.475-.85t-.475-.85L11.05 8.5q-.5-.35-1.025-.05t-.525.875ZM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/>
+</svg>