fix: export controller component

zhihu · Mar 23, 2020 · 4918a95 · 4918a95
1 parent 29355aa
commit 4918a95
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/packages/griffith/src/components/Controller/Controller.js b/packages/griffith/src/components/Controller/Controller.js
@@ -32,6 +32,8 @@ class Controller extends Component {
     onVolumeChange: PropTypes.func,
     onToggleFullScreen: PropTypes.func,
     show: PropTypes.bool,
+    hiddenQualityMenu: PropTypes.bool,
+    hiddenVolumeItem: PropTypes.bool,
   }
 
   static defaultProps = {
@@ -42,6 +44,8 @@ class Controller extends Component {
     volume: 0.5,
     buffered: 0,
     isFullScreen: false,
+    hiddenVolumeItem: false,
+    hiddenQualityMenu: false,
   }
 
   state = {
@@ -256,6 +260,8 @@ class Controller extends Component {
       onDragStart,
       onDragEnd,
       onToggleFullScreen,
+      hiddenVolumeItem,
+      hiddenQualityMenu,
     } = this.props
     const {
       isVolumeHovered,
@@ -285,17 +291,19 @@ class Controller extends Component {
           currentTime={displayedCurrentTime}
           duration={duration}
         />
-        <QualityMenuItem />
-        <VolumeItem
-          volume={volume}
-          menuShown={isVolumeHovered || isVolumeDragging || isVolumeKeyboard}
-          onMouseEnter={this.handleVolumePointerEnter}
-          onMouseLeave={this.handleVolumePointerLeave}
-          onToggleMuted={this.handleToggleMuted}
-          onDragStart={this.handleVolumeDragStart}
-          onDragEnd={this.handleVolumeDragEnd}
-          onChange={this.handleVolumeChange}
-        />
+        {!hiddenQualityMenu && <QualityMenuItem />}
+        {!hiddenVolumeItem && (
+          <VolumeItem
+            volume={volume}
+            menuShown={isVolumeHovered || isVolumeDragging || isVolumeKeyboard}
+            onMouseEnter={this.handleVolumePointerEnter}
+            onMouseLeave={this.handleVolumePointerLeave}
+            onToggleMuted={this.handleToggleMuted}
+            onDragStart={this.handleVolumeDragStart}
+            onDragEnd={this.handleVolumeDragEnd}
+            onChange={this.handleVolumeChange}
+          />
+        )}
         <FullScreenButtonItem
           isFullScreen={isFullScreen}
           onClick={onToggleFullScreen}

diff --git a/packages/griffith/src/index.js b/packages/griffith/src/index.js
@@ -1,4 +1,5 @@
 export {default} from './components/PlayerContainer'
 export {ExternalContext as MessageContext} from './contexts/Message'
 export {VideoSourceContext} from './contexts/VideoSource'
+export {default as Controller} from './components/Controller'
 export {default as Layer} from './components/Layer'