feat(avplayerui): 添加 folderFolded 配置使用 folderFolded 设置初始化 ui 的 folder…

… 是否折叠
zhaohappy · Feb 8, 2025 · c087a62 · c087a62
1 parent 469f40c
commit c087a62
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/product/player/player.html b/product/player/player.html
@@ -189,7 +189,8 @@
         ui: {
           hasFolder: !params.hasFolder || params.hasFolder && params.hasFolder !== '0' && params.hasFolder !== 'false',
           hasHeader: !params.hasHeader || params.hasHeader && params.hasHeader !== '0' && params.hasHeader !== 'false',
-          hasFooter: !params.hasFooter || params.hasFooter && params.hasFooter !== '0' && params.hasFooter !== 'false'
+          hasFooter: !params.hasFooter || params.hasFooter && params.hasFooter !== '0' && params.hasFooter !== 'false',
+          folderFolded: params.foldFolder && params.foldFolder !== '0' && params.foldFolder !== 'false'
         }
       })
       if (player.options.ui.hasFolder) {
@@ -198,9 +199,6 @@
             player.addUrl(params.url, !(!params.isLive || params.isLive === '0' || params.isLive === 'false'), true)
           }
         })
-        if (params.foldFolder && params.foldFolder !== '0' && params.foldFolder !== 'false') {
-          player.foldFolder()
-        }
       }
       if (params.url && !player.options.ui.hasFolder) {
         player.load(params.url, {

diff --git a/src/ui/avplayer/AVPlayer.ts b/src/ui/avplayer/AVPlayer.ts
@@ -77,6 +77,10 @@ const AVPlayerUIComponentOptions: ComponentOptions = {
     hasFooter: {
       type: 'boolean',
       value: true
+    },
+    folderFolded: {
+      type: 'boolean',
+      value: false
     }
   },
 
@@ -97,7 +101,7 @@ const AVPlayerUIComponentOptions: ComponentOptions = {
       error: '',
       showBar: true,
       played: false,
-      folded: false,
+      folded: this.get('folderFolded'),
       loading: false,
       language,
       streams: [],
@@ -392,6 +396,7 @@ export interface AVPlayerUIOptions extends AVPlayerOptions {
   fullscreenDom?: HTMLElement
   ui?: {
     hasFolder?: boolean
+    folderFolded?: boolean
     hasHeader?: boolean
     hasFooter?: boolean
   }
@@ -417,7 +422,8 @@ export default class AVPlayerUI extends AVPlayer {
         fullscreenDom: options.fullscreenDom,
         hasFolder: options.ui?.hasFolder,
         hasHeader: options.ui?.hasHeader,
-        hasFooter: options.ui?.hasFooter
+        hasFooter: options.ui?.hasFooter,
+        folderFolded: options.ui?.folderFolded,
       }
     }, AVPlayerUIComponentOptions))