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/contextmenu/flip.js

@@ -7,11 +7,11 @@ export default function flip(option) {
             constructor: { FLIP },
         } = art;
 
+        const html = FLIP.map((item) => `<span data-value="${item}">${i18n.get(capitalize(item))}</span>`).join('');
+
         return {
             ...option,
-            html: `${i18n.get('Video Flip')}:
-                ${FLIP.map((item) => `<span data-value="${item}">${i18n.get(capitalize(item))}</span>`).join('')}
-            `,
+            html: `${i18n.get('Video Flip')}: ${html}`,
             click: (contextmenu, event) => {
                 const { value } = event.target.dataset;
                 if (value) {
@@ -21,7 +21,9 @@ export default function flip(option) {
             },
             mounted: ($panel) => {
                 const $default = query('[data-value="normal"]', $panel);
-                if ($default) inverseClass($default, 'art-current');
+                if ($default) {
+                    inverseClass($default, 'art-current');
+                }
                 art.on('flip', (value) => {
                     const $current = queryAll('span', $panel).find((item) => item.dataset.value === value);
                     if ($current) {