v5.0.6

zhw2590582 · May 3, 2023 · c301844 · c301844
1 parent 601836c
commit c301844
Show file tree

Hide file tree

Showing 13 changed files with 28 additions and 25 deletions.
diff --git a/CHANGELOG_CN.md b/CHANGELOG_CN.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+## [5.0.6] - 2023-5-3
+
+-   修复设置面板的样式错误
+
 ## [5.0.5] - 2023-5-3
 
 -   弹幕插件添加 `heatmap` 选项，用于是否开启热度图，默认为关闭

diff --git a/docs/compiled/artplayer.js b/docs/compiled/artplayer.js
diff --git a/docs/compiled/artplayer.legacy.js b/docs/compiled/artplayer.legacy.js
diff --git a/docs/uncompiled/artplayer/index.js b/docs/uncompiled/artplayer/index.js
diff --git a/docs/uncompiled/artplayer/index.js.map b/docs/uncompiled/artplayer/index.js.map
diff --git a/packages/artplayer/dist/artplayer.js b/packages/artplayer/dist/artplayer.js
diff --git a/packages/artplayer/dist/artplayer.legacy.js b/packages/artplayer/dist/artplayer.legacy.js
diff --git a/packages/artplayer/package.json b/packages/artplayer/package.json
@@ -1,7 +1,7 @@
 {
     "license": "MIT",
     "name": "artplayer",
-    "version": "5.0.5",
+    "version": "5.0.6",
     "main": "dist/artplayer.js",
     "legacy": "dist/artplayer.legacy.js",
     "types": "types/artplayer.d.ts",
@@ -24,4 +24,4 @@
     "dependencies": {
         "option-validator": "^2.0.6"
     }
-}
+}
diff --git a/packages/artplayer/src/setting/index.js b/packages/artplayer/src/setting/index.js
@@ -150,8 +150,9 @@ export default class Setting extends Component {
     }
 
     creatHeader(item) {
-        const { icons, proxy } = this.art;
+        const { icons, proxy, constructor } = this.art;
         const $item = createElement('div');
+        setStyle($item, 'height', `${constructor.SETTING_ITEM_HEIGHT}px`);
         addClass($item, 'art-setting-item');
         addClass($item, 'art-setting-item-back');
         const $left = append($item, '<div class="art-setting-item-left"></div>');
@@ -166,10 +167,11 @@ export default class Setting extends Component {
     }
 
     creatItem(type, item) {
-        const { icons, proxy } = this.art;
+        const { icons, proxy, constructor } = this.art;
 
         const $item = createElement('div');
         addClass($item, 'art-setting-item');
+        setStyle($item, 'height', `${constructor.SETTING_ITEM_HEIGHT}px`);
 
         if (isStringOrNumber(item.name)) {
             $item.dataset.name = item.name;

diff --git a/packages/artplayer/src/style/mobile.less b/packages/artplayer/src/style/mobile.less
@@ -3,7 +3,6 @@
     --art-control-height: 38px;
     --art-control-icon-scale: 1;
     --art-state-size: 60px;
-    --art-settings-scale: 0.85;
     --art-settings-max-height: 180px;
     --art-selector-max-height: 180px;
     --art-indicator-scale: 1;

diff --git a/packages/artplayer/src/style/setting.less b/packages/artplayer/src/style/setting.less
@@ -18,7 +18,6 @@
 
         .art-setting-panel {
             display: none;
-            height: 100%;
             flex-direction: column;
 
             &.art-current {
@@ -29,7 +28,6 @@
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
-                flex: 1;
                 padding: 0 5px;
                 cursor: pointer;
                 overflow: hidden;

diff --git a/packages/artplayer/src/style/variables.less b/packages/artplayer/src/style/variables.less
@@ -29,7 +29,6 @@
     --art-indicator-scale: 0;
     --art-indicator-size: 16px;
     --art-fullscreen-web-index: 9999;
-    --art-settings-scale: 1;
     --art-settings-icon-size: 24px;
     --art-settings-max-height: 300px;
     --art-selector-max-height: 300px;

diff --git a/packages/artplayer/types/cssVar.d.ts b/packages/artplayer/types/cssVar.d.ts
@@ -29,7 +29,6 @@ export type CssVar = {
     '--art-indicator-scale': number;
     '--art-indicator-size': string;
     '--art-fullscreen-web-index': 9999;
-    '--art-settings-scale': number;
     '--art-settings-icon-size': string;
     '--art-settings-max-height': string;
     '--art-selector-max-height': string;