feat: add layerContent prop

Co-authored-by: zhangyue04 <zhangyue04@zhihu.com>
zhihu · Feb 17, 2022 · f85f3a6 · f85f3a6
1 parent c881b7a
commit f85f3a6
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/griffith/src/components/Player.tsx b/packages/griffith/src/components/Player.tsx
@@ -34,6 +34,7 @@ import Video from './Video'
 import Controller from './Controller'
 import VolumeItem from './items/VolumeItem'
 import MinimalTimeline from './MinimalTimeline'
+import Layer from './Layer'
 import getBufferedTime from '../utils/getBufferedTime'
 import formatDuration from '../utils/formatDuration'
 import storage from '../utils/storage'
@@ -81,6 +82,7 @@ type InnerPlayerProps = {
   hideMobileControls?: boolean
   hideCover?: boolean
   noWriteDocTitle?: boolean
+  layerContent?: React.ReactNode
 }
 
 // 仅供 Provider 使用的属性
@@ -136,6 +138,7 @@ const InnerPlayer: React.FC<InnerPlayerProps> = ({
   hideMobileControls,
   hideCover,
   noWriteDocTitle,
+  layerContent,
 }) => {
   const {emitEvent, subscribeAction} = useContext(InternalMessageContext)
   const {currentSrc} = useContext(VideoSourceContext)
@@ -691,6 +694,7 @@ const InnerPlayer: React.FC<InnerPlayerProps> = ({
       )}
       {controlsOverlay}
       <ActionToastOutlet />
+      {layerContent && <Layer>{layerContent}</Layer>}
       {error && (
         <div className={css(styles.error)}>
           <Icon icon={displayIcons.alert} styles={styles.errorIcon} />