feat(video): 兼容taro Component属性 (#3185)

* feat(video): 兼容taro Component属性

* refactor: 优化逻辑

Author: xiaoyatong

src/packages/video/video.taro.tsx

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react'
 import classNames from 'classnames'
-import { Video as VideoTaro, View } from '@tarojs/components'
+import { Video as VideoTaro, VideoProps, View } from '@tarojs/components'
 import { mergeProps } from '@/utils/merge-props'
 import { TaroVideoProps } from '@/types'
 
@@ -19,30 +19,43 @@ const defaultProps = {
   },
 } as TaroVideoProps
 
-const classPrefix = `nut-video`
-export const Video: FunctionComponent<Partial<TaroVideoProps>> = (props) => {
+const classPrefix = 'nut-video'
+
+export const Video: FunctionComponent<Partial<TaroVideoProps & VideoProps>> = (
+  props
+) => {
   const {
     source,
     options,
     className,
     style,
+    src,
+    muted,
+    loop,
+    poster,
+    controls,
+    autoplay,
     onPlay,
     onPause,
     onPlayEnd,
     ...restProps
   } = mergeProps(defaultProps, props)
+
   const classes = classNames(classPrefix, className)
 
+  const effectiveControls =
+    props.options?.controls ?? controls ?? options.controls
+
   return (
     <View className={classes} style={style}>
       <VideoTaro
         className={`${classPrefix}-player`}
-        muted={options.muted}
-        autoplay={options.autoplay}
-        loop={options.loop}
-        poster={options.poster}
-        controls={options.controls}
-        src={source.src}
+        muted={options.muted || muted}
+        autoplay={options.autoplay || autoplay}
+        loop={options.loop || loop}
+        poster={options.poster || poster}
+        controls={effectiveControls}
+        src={source.src || (src as string)}
         onPlay={onPlay}
         onPause={onPause}
         onEnded={onPlayEnd}

src/sites/sites-react/doc/docs/taro/migrate-from-v2.en-US.md

@@ -290,7 +290,11 @@ If your project uses these components, please read the documentation carefully a
   [//]: # '#### Table'
   [//]: # '#### Tag'
   [//]: # '#### TrendArrow'
-  [//]: # '#### Video'
+
+#### Video
+
+- Compatible with Taro Component properties, you can directly use attributes such as src, loop, and so on.
+
   [//]: # '#### VirtualList'
   [//]: # '#### WaterMark'
   [//]: # '### 特色组件'

src/sites/sites-react/doc/docs/taro/migrate-from-v2.md

@@ -306,7 +306,11 @@ plugins: [
   [//]: # '#### Table'
   [//]: # '#### Tag'
   [//]: # '#### TrendArrow'
-  [//]: # '#### Video'
+
+#### Video
+
+- 兼容 Taro Component 属性，直接可以使用 `src`、`loop` 等属性。
+
   [//]: # '#### VirtualList'
   [//]: # '#### WaterMark'
   [//]: # '### 特色组件'