@tarojs/components 4.0.0-canary.8 → 4.0.0

package/types/Video.d.ts

@@ -2,49 +2,49 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface VideoProps extends StandardProps {
   /** 要播放视频的资源地址
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   src: string
   /** 指定视频时长
-   * @supported weapp, alipay, qq, h5, rn, harmony
+   * @supported weapp, alipay, qq, h5, rn, harmony, harmony_hybrid
    */
   duration?: number
   /** 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   controls?: boolean
   /** 弹幕列表
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   danmuList?: any[]
   /** 是否显示弹幕按钮，只在初始化时有效，不能动态变更
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   danmuBtn?: boolean
   /** 是否展示弹幕，只在初始化时有效，不能动态变更
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   enableDanmu?: boolean
   /** 是否自动播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   autoplay?: boolean
   /** 是否循环播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   loop?: boolean
   /** 是否静音播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   muted?: boolean
   /** 指定视频初始播放位置
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   initialTime?: number
   /** 在非全屏模式下，是否开启亮度与音量调节手势
@@ -58,41 +58,41 @@ interface VideoProps extends StandardProps {
   direction?: number
   /** 若不设置，宽度大于240时才会显示
    * @default true
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   showProgress?: boolean
   /** 是否显示全屏按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showFullscreenBtn?: boolean
   /** 是否显示视频底部控制栏的播放按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showPlayBtn?: boolean
   /** 是否显示视频中间的播放按钮
    * @default true
-   * @supported weapp, alipay, swan, qq, h5, rn
+   * @supported weapp, alipay, swan, qq, h5, rn, harmony_hybrid
    */
   showCenterPlayBtn?: boolean
   /** 是否开启控制进度的手势
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   enableProgressGesture?: boolean
   /** 当视频大小与 video 容器大小不一致时，视频的表现形式
    * @default "contain"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
    */
   objectFit?: keyof VideoProps.ObjectFit
   /** 视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   poster?: string
   /** 是否显示静音按钮
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showMuteBtn?: boolean
   /** 视频的标题，全屏时在顶部展示
@@ -109,7 +109,7 @@ interface VideoProps extends StandardProps {
   playBtnPosition?: keyof VideoProps.PlayBtnPosition
   /** 是否开启播放手势，即双击切换播放/暂停
    * @default false
-   * @supported weapp, swan, tt, qq, h5
+   * @supported weapp, swan, tt, qq, h5, harmony_hybrid
    */
   enablePlayGesture?: boolean
   /** 当跳转到其它小程序页面时，是否自动暂停本页面的视频
@@ -124,12 +124,12 @@ interface VideoProps extends StandardProps {
   autoPauseIfOpenNative?: boolean
   /** 在非全屏模式下，是否开启亮度与音量调节手势（同 `page-gesture`）
    * @default false
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   vslideGesture?: boolean
   /** 在全屏模式下，是否开启亮度与音量调节手势
    * @default true
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   vslideGestureInFullscreen?: boolean
   /** 视频前贴广告单元ID，更多详情可参考开放能力[视频前贴广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html)
@@ -187,7 +187,7 @@ interface VideoProps extends StandardProps {
    */
   backgroundPoster?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 是否展示底部进度条
@@ -298,24 +298,24 @@ interface VideoProps extends StandardProps {
    */
   definition?: string
   /** 当开始/继续播放时触发 play 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onPlay?: CommonEventFunction
   /** 当暂停播放时触发 pause 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onPause?: CommonEventFunction
   /** 当播放到末尾时触发 ended 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onEnded?: CommonEventFunction
   /** 播放进度变化时触发, 触发频率 250ms 一次
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onTimeUpdate?: CommonEventFunction<VideoProps.onTimeUpdateEventDetail>
   /** 当视频进入和退出全屏时触发
    *
-   * @supported alipay, h5, rn, harmony
+   * @supported alipay, h5, rn, harmony, harmony_hybrid
    */
   onFullscreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
   /** 视频出现缓冲时触发
@@ -324,11 +324,11 @@ interface VideoProps extends StandardProps {
    */
   onWaiting?: CommonEventFunction<VideoProps.onWaitingEventDetail>
   /** 视频播放出错时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onError?: CommonEventFunction
   /** 加载进度变化时触发，只支持一段加载
-   * @supported weapp, tt, qq, h5, harmony
+   * @supported weapp, tt, qq, h5, harmony, harmony_hybrid
    */
   onProgress?: CommonEventFunction<VideoProps.onProgressEventDetail>
   /** 视频元数据加载完成时触发
@@ -557,7 +557,7 @@ declare namespace VideoProps {
 }
 /** 视频。相关api：Taro.createVideoContext
  * @classification media
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/View.d.ts

@@ -4,7 +4,7 @@ import { CommonEventFunction, StandardProps } from './common'
 interface ViewProps extends StandardProps {
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default none
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    * @rn 由于 RN 不支持 hoverClass，故 RN 端的 View 组件实现了 `hoverStyle`属性，写法和 style 类似，只不过 `hoverStyle` 的样式是指定按下去的样式。
    */
   hoverClass?: string
@@ -20,12 +20,12 @@ interface ViewProps extends StandardProps {
   hoverStopPropagation?: boolean
   /** 按住后多久出现点击态，单位毫秒
    * @default 50
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStartTime?: number
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 400
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStayTime?: number
   /** 是否阻止区域内滚动页面。
@@ -117,7 +117,7 @@ interface ViewProps extends StandardProps {
 }
 /** 视图容器
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/WebView.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface WebViewProps extends StandardProps {
   /** webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   src: string
   /** webview 的进度条颜色
@@ -19,11 +19,11 @@ interface WebViewProps extends StandardProps {
    */
   onMessage?: CommonEventFunction<WebViewProps.onMessageEventDetail>
   /** 网页加载成功时候触发此事件。e.detail = { src }
-   * @supported weapp, alipay, tt, qq, h5, rn
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
    */
   onLoad?: CommonEventFunction<WebViewProps.onLoadEventDetail>
   /** 网页加载失败的时候触发此事件。e.detail = { src }
-   * @supported weapp, alipay, tt, qq, h5, rn
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
    */
   onError?: CommonEventFunction<WebViewProps.onErrorEventDetail>
 }
@@ -43,7 +43,7 @@ declare namespace WebViewProps {
 }
 /** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
  * @classification open
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/common.d.ts

@@ -3,7 +3,7 @@ import { CSSProperties, LegacyRef, ReactNode } from 'react'
 export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent> {
   /** 组件的唯一标示, 保持整个页面唯一 */
   id?: string
-  /** 同 `class`，在 React/Nerv 里一般使用 `className` 作为 `class` 的代称 */
+  /** 同 `class`，在 React/Preact 里一般使用 `className` 作为 `class` 的代称 */
   className?: string
   /** 组件的内联样式, 可以动态设置的内联样式 */
   style?: string | CSSProperties
@@ -35,7 +35,7 @@ export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> =
    * 自定义容器组件的方向
    * @supported harmony
    */
-  harmonyDirection?: 'row' | 'column'
+  harmonyDirection?: 'row' | 'column' | 'flex'
 }
 
 export interface FormItemProps {

package/types/index.d.ts

@@ -42,11 +42,18 @@ export { Textarea } from './Textarea'
 
 /** Skyline */
 export { GridView } from './GridView'
+export { GridBuilder } from './GridBuilder'
 export { ListView } from './ListView'
+export { ListBuilder } from './ListBuilder'
 export { ShareElement } from './ShareElement'
 export { Snapshot } from './SnapShot'
+export { Span } from './Span'
 export { StickyHeader } from './StickyHeader'
 export { StickySection } from './StickySection'
+export { OpenContainer } from './OpenContainer'
+export { DraggableSheet } from './DraggableSheet'
+export { NestedScrollHeader } from './NestedScrollHeader'
+export { NestedScrollBody } from './NestedScrollBody'
 
 /** 导航 */
 export { FunctionalPageNavigator } from './FunctionalPageNavigator'
@@ -86,3 +93,4 @@ export { PageMeta } from './PageMeta'
 export { CustomWrapper } from './CustomWrapper'
 export { Slot } from './Slot'
 export { NativeSlot } from './NativeSlot'
+export { Script } from './Script'

package/types/index.vue3.d.ts

@@ -66,6 +66,7 @@ import { ShareElementProps } from './ShareElement'
 import { SliderProps } from './Slider'
 import { SlotProps } from './Slot'
 import { SnapshotProps } from './SnapShot'
+import { SpanProps } from './Span'
 import { StickyHeaderProps } from './StickyHeader'
 import { StickySectionProps } from './StickySection'
 import { SwiperProps } from './Swiper'
@@ -144,6 +145,7 @@ export declare const Textarea: VueComponentType<TextareaProps>
 export declare const GridView: VueComponentType<GridViewProps>
 export declare const ListView: VueComponentType<ListViewProps>
 export declare const Snapshot: VueComponentType<SnapshotProps>
+export declare const Span: VueComponentType<SpanProps>
 export declare const ShareElement: VueComponentType<ShareElementProps>
 export declare const StickyHeader: VueComponentType<StickyHeaderProps>
 export declare const StickySection: VueComponentType<StickySectionProps>
@@ -266,6 +268,8 @@ declare global {
       'taro-share-element-core': ElementAttrs<TransformReact2VueType<ShareElementProps>>
       'snapshot': ElementAttrs<TransformReact2VueType<SnapshotProps>>
       'taro-snapshot-core': ElementAttrs<TransformReact2VueType<SnapshotProps>>
+      'span': ElementAttrs<TransformReact2VueType<SpanProps>>
+      'taro-span-core': ElementAttrs<TransformReact2VueType<SpanProps>>
       'sticky-header': ElementAttrs<TransformReact2VueType<StickyHeaderProps>>
       'taro-sticky-header-core': ElementAttrs<TransformReact2VueType<StickyHeaderProps>>
       'sticky-section': ElementAttrs<TransformReact2VueType<StickySectionProps>>