压缩多余字符

packages/artplayer/src/style/artplayer.scss

@@ -1,4 +1,4 @@
-.artplayer-video-player {
+.art-video-player {
     display: flex;
     position: relative;
     margin: 0 auto;
@@ -59,7 +59,7 @@
     }
 
     @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
-        .artplayer-backdrop-filter {
+        .art-backdrop-filter {
             -webkit-backdrop-filter: saturate(180%) blur(20px);
             backdrop-filter: saturate(180%) blur(20px);
             background-color: rgba(0, 0, 0, 0.7) !important;

packages/artplayer/src/style/aspectRatio.scss

@@ -1,4 +1,4 @@
-.artplayer-video-player {
+.art-video-player {
     &[data-aspect-ratio] {
         video {
             box-sizing: content-box;

packages/artplayer/src/style/autoSize.scss

@@ -1,4 +1,4 @@
-.artplayer-auto-size {
+.art-auto-size {
     display: flex;
     align-items: center;
     justify-content: center;

packages/artplayer/src/style/bottom.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-bottom {
+.art-video-player {
+    .art-bottom {
         position: absolute;
         z-index: 60;
         left: 0;
@@ -14,7 +14,7 @@
         background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==)
             repeat-x bottom;
 
-        .artplayer-progress {
+        .art-progress {
             position: relative;
             pointer-events: auto;
             .art-control-progress {
@@ -130,7 +130,7 @@
             }
         }
 
-        .artplayer-controls {
+        .art-controls {
             position: relative;
             pointer-events: auto;
             display: flex;
@@ -139,8 +139,8 @@
             height: 40px;
             padding: 5px 0;
 
-            .artplayer-controls-left,
-            .artplayer-controls-right {
+            .art-controls-left,
+            .art-controls-right {
                 display: flex;
             }
 
@@ -248,16 +248,16 @@
         }
     }
 
-    &.artplayer-controls-show,
-    &.artplayer-hover {
-        .artplayer-bottom {
+    &.art-controls-show,
+    &.art-hover {
+        .art-bottom {
             opacity: 1;
             visibility: visible;
         }
     }
 
-    &.artplayer-error,
-    &.artplayer-destroy {
+    &.art-error,
+    &.art-destroy {
         .art-progress-indicator,
         .art-progress-tip {
             display: none !important;

packages/artplayer/src/style/contextmenu.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-contextmenu {
+.art-video-player {
+    .art-contextmenus {
         display: none;
         flex-direction: column;
         position: absolute;
@@ -31,7 +31,7 @@
             span {
                 display: inline-block;
                 padding: 0 7px;
-                &:hover, &.current {
+                &:hover, &.art-current {
                     color: #00c9ff;
                 }
             }
@@ -46,8 +46,8 @@
         }
     }
 
-    &.artplayer-contextmenu-show {
-        .artplayer-contextmenu {
+    &.art-contextmenu-show {
+        .art-contextmenus {
             display: flex;
         }
     }

packages/artplayer/src/style/danmuku.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-danmuku {
+.art-video-player {
+    .art-danmuku {
         position: absolute;
         z-index: 30;
         left: 0;

packages/artplayer/src/style/flip.scss

@@ -1,9 +1,9 @@
-.artplayer-video-player {
-    &[data-flip="horizontal"] .artplayer-video{
+.art-video-player {
+    &[data-flip="horizontal"] .art-video{
         transform: scaleX(-1);
     }
 
-    &[data-flip="vertical"] .artplayer-video{
+    &[data-flip="vertical"] .art-video{
         transform: scaleY(-1);
     }
 }

packages/artplayer/src/style/fullscreenWeb.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    &.artplayer-web-fullscreen {
+.art-video-player {
+    &.art-web-fullscreen {
         position: fixed;
         z-index: 9999;
         width: 100%;

packages/artplayer/src/style/hideCursor.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    &.artplayer-hide-cursor {
+.art-video-player {
+    &.art-hide-cursor {
         * {
             cursor: none !important;
         }

packages/artplayer/src/style/info.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-info {
+.art-video-player {
+    .art-info {
         display: none;
         flex-direction: column;
         position: absolute;
@@ -32,7 +32,7 @@
             }
         }
     
-        .artplayer-info-close {
+        .art-info-close {
             position: absolute;
             top: 5px;
             right: 5px;
@@ -40,8 +40,8 @@
         }
     }
 
-    &.artplayer-info-show {
-        .artplayer-info {
+    &.art-info-show {
+        .art-info {
             display: flex;
         }
     }

packages/artplayer/src/style/layers.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-layers {
+.art-video-player {
+    .art-layers {
         position: absolute;
         z-index: 40;
         left: 0;
@@ -15,8 +15,8 @@
         }
     }
 
-    &.artplayer-layers-hide {
-        .artplayer-layers {
+    &.art-layers-hide {
+        .art-layers {
             display: none;
         }
     }

packages/artplayer/src/style/loading.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-loading {
+.art-video-player {
+    .art-loading {
         display: none;
         position: absolute;
         z-index: 70;
@@ -14,8 +14,8 @@
         pointer-events: none;
     }
 
-    &.artplayer-loading-show {
-        .artplayer-loading {
+    &.art-loading-show {
+        .art-loading {
             display: flex;
         }
     }

packages/artplayer/src/style/mask.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-mask {
+.art-video-player {
+    .art-mask {
         display: none;
         align-items: center;
         justify-content: center;
@@ -14,7 +14,7 @@
         overflow: hidden;
         pointer-events: none;
 
-        .artplayer-state {
+        .art-state {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -27,8 +27,8 @@
         }
     }
 
-    &.artplayer-mask-show {
-        .artplayer-mask {
+    &.art-mask-show {
+        .art-mask {
             display: flex;
         }
     }

packages/artplayer/src/style/notice.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-notice {
+.art-video-player {
+    .art-notice {
         display: none;
         font-size: 14px;
         position: absolute;
@@ -9,7 +9,7 @@
         padding: 10px;
         width: 100%;
         pointer-events: none;
-        .artplayer-notice-inner {
+        .art-notice-inner {
             display: inline-block;
             padding: 5px 10px;
             color: #fff;
@@ -18,8 +18,8 @@
         }
     }
 
-    &.artplayer-notice-show {
-        .artplayer-notice {
+    &.art-notice-show {
+        .art-notice {
             display: flex;
         }
     }

packages/artplayer/src/style/pip.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-pip-header {
+.art-video-player {
+    .art-pip-header {
         display: none;
         position: absolute;
         z-index: 110;
@@ -15,7 +15,7 @@
         opacity: 0;
         visibility: hidden;
         transition: all 0.2s ease-in-out;
-        .artplayer-pip-title {
+        .art-pip-title {
             flex: 1;
             padding: 0 10px;
             overflow: hidden;
@@ -23,7 +23,7 @@
             white-space: nowrap;
             cursor: move;
         }
-        .artplayer-pip-close {
+        .art-pip-close {
             width: 35px;
             text-align: center;
             font-size: 22px;
@@ -31,43 +31,43 @@
         }
     }
 
-    &.is-dragging {
+    &.art-is-dragging {
         opacity: 0.7;
     }
 
-    &.artplayer-pip {
+    &.art-pip {
         position: fixed;
         z-index: 9999;
         width: 400px;
         height: 225px;
         box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
 
-        .artplayer-pip-header {
+        .art-pip-header {
             display: flex;
             user-select: none;
         }
 
-        &.artplayer-hover {
-            .artplayer-pip-header {
+        &.art-hover {
+            .art-pip-header {
                 opacity: 1;
                 visibility: visible;
             }
         }
 
-        .artplayer-mask {
+        .art-mask {
             .art-state {
                 position: static;
             }
         }
 
-        .artplayer-contextmenu,
-        .artplayer-bottom,
-        .artplayer-danmu,
-        .artplayer-info,
-        .artplayer-layers,
-        .artplayer-notice,
-        .artplayer-setting,
-        .artplayer-subtitle {
+        .art-contextmenu,
+        .art-bottom,
+        .art-danmu,
+        .art-info,
+        .art-layers,
+        .art-notice,
+        .art-setting,
+        .art-subtitle {
             display: none !important;
         }
     }

packages/artplayer/src/style/setting.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-setting {
+.art-video-player {
+    .art-settings {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -13,8 +13,8 @@
         visibility: hidden;
         pointer-events: none;
         overflow: hidden;
-        
-        .artplayer-setting-inner {
+
+        .art-setting-inner {
             position: absolute;
             top: 0;
             right: -300px;
@@ -26,7 +26,7 @@
             transition: all 0.2s ease-in-out;
             overflow: auto;
 
-            .artplayer-setting-body {
+            .art-setting-body {
                 overflow-y: auto;
                 width: 100%;
                 height: 100%;
@@ -103,12 +103,12 @@
         }
     }
 
-    &.artplayer-setting-show {
-        .artplayer-setting {
+    &.art-setting-show {
+        .art-settings {
             opacity: 1;
             visibility: visible;
             pointer-events: auto;
-            .artplayer-setting-inner {
+            .art-setting-inner {
                 right: 0;
             }
         }

packages/artplayer/src/style/subtitle.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-subtitle {
+.art-video-player {
+    .art-subtitle {
         position: absolute;
         z-index: 20;
         bottom: 40px;
@@ -16,8 +16,8 @@
         }
     }
 
-    &.artplayer-subtitle-hide {
-        .artplayer-subtitle {
+    &.art-subtitle-hide {
+        .art-subtitle {
             display: none;
         }
     }

packages/artplayer/src/style/video.scss

@@ -1,5 +1,5 @@
-.artplayer-video-player {
-    .artplayer-video {
+.art-video-player {
+    .art-video {
         position: absolute;
         z-index: 10;
         left: 0;