@tarojs/components 4.0.0-beta.1 → 4.0.0-beta.11

package/types/Textarea.d.ts

@@ -2,11 +2,16 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface TextareaProps extends StandardProps, FormItemProps {
   /** 输入框的内容
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   value?: string
+  /** 设置 React 非受控输入框的初始内容
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @unique
+   */
+  defaultValue?: string
   /** 输入框为空时占位符
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   placeholder?: string
   /** 指定 placeholder 的样式
@@ -20,27 +25,27 @@ interface TextareaProps extends StandardProps, FormItemProps {
   placeholderClass?: string
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   disabled?: boolean
   /** 最大输入长度，设置为 -1 的时候不限制最大长度
    * @default 140
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   maxlength?: number
   /** 自动聚焦，拉起键盘
    * @default false
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   autoFocus?: boolean
   /** 获取焦点
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   focus?: boolean
   /** 是否自动增高，设置 autoHeight 时，style.height不生效
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   autoHeight?: boolean
   /** 如果 Textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true
@@ -89,7 +94,7 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   disableDefaultPadding?: boolean
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 设置键盘右下角按钮的文字
@@ -124,11 +129,11 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   adjustKeyboardTo?: boolean
   /** 输入框聚焦时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onFocus?: CommonEventFunction<TextareaProps.onFocusEventDetail>
   /** 输入框失去焦点时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onBlur?: CommonEventFunction<TextareaProps.onBlurEventDetail>
   /** 输入框行数变化时调用
@@ -138,11 +143,11 @@ interface TextareaProps extends StandardProps, FormItemProps {
   /** 当键盘输入时，触发 input 事件
    *
    * **onInput 处理函数的返回值并不会反映到 textarea 上**
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onInput?: CommonEventFunction<TextareaProps.onInputEventDetail>
   /** 点击完成时， 触发 confirm 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
   /** 键盘高度发生变化的时候触发此事件
@@ -189,7 +194,7 @@ declare namespace TextareaProps {
 }
 /** 多行输入框。该组件是原生组件，使用时请注意相关限制
  * @classification forms
- * @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/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

@@ -30,7 +30,12 @@ export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> =
    * 是否开启编译模式
    * @supported weapp, harmony
    */
-  compileMode?: boolean
+  compileMode?: boolean | string
+  /**
+   * 自定义容器组件的方向
+   * @supported harmony
+   */
+  harmonyDirection?: 'row' | 'column'
 }
 
 export interface FormItemProps {