@tarojs/components 3.5.5-alpha.1 → 3.5.6-alpha.0

package/types/Image.d.ts

@@ -1,34 +1,33 @@
 import { ComponentType, ImgHTMLAttributes } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
-
 interface ImageProps extends StandardProps {
   /** 图片资源地址
-   * @supported weapp, h5, rn, swan, alipay, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   src: string
 
   /** 图片裁剪、缩放的模式
    * @default "scaleToFill"
-   * @supported weapp, h5, rn, swan, alipay, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    * @rn 部分支持 scaleToFill, aspectFit, aspectFill, widthFix
    */
   mode?: keyof ImageProps.Mode
 
-	/** 默认不解析 webP 格式，只支持网络资源
+  /** 默认不解析 webP 格式，只支持网络资源
    * @default false
-   * @supported weapp
-	 */
-	webp?: boolean
+   * @supported weapp, swan
+   */
+  webp?: boolean
 
   /** 默认不解析 svg 格式，svg 图片只支持 aspectFit
    * @default false
    * @supported rn
-	 */
-   svg?: boolean
+   */
+  svg?: boolean
 
   /** 图片懒加载。只针对 page 与 scroll-view 下的 image 有效
    * @default false
-   * @supported weapp, swan, alipay, tt, h5
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   lazyLoad?: boolean
 
@@ -39,12 +38,12 @@ interface ImageProps extends StandardProps {
   showMenuByLongpress?: boolean
 
   /** 当错误发生时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, h5, rn, swan, alipay, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
 
   /** 当图片载入完毕时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, h5, rn, swan, alipay, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
 
@@ -58,37 +57,95 @@ interface ImageProps extends StandardProps {
    * @supported h5
    */
   nativeProps?: Record<string, unknown>
-}
 
+  /** 外部样式。
+   * @supported alipay
+   */
+  class?: string
+
+  /** 内联样式。
+   * @supported alipay
+   */
+  style?: string
+
+  /** 默认图片地址，若设置默认图片地址，会先显示默认图片，等 src 对应的图片加载成功后，再渲染对应的图片。
+   * 版本要求： 基础库 1.19.0 及以上
+   * @supported alipay
+   */
+  defaultSource?: string
+
+  /** 点击图片时触发。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
+
+  /** 点击图片时触发，阻止事件冒泡。
+   * @supported alipay
+   */
+  catchTap?: CommonEventFunction
+
+  /** 阻止长按图片时弹起默认菜单（即将该属性设置为image-menu-prevent="true"或image-menu-prevent），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性。注：长按菜单后的操作暂不支持 svg 格式
+   * @supported swan
+   */
+  imageMenuPrevent?: string
+
+  /** 点击后是否预览图片。在不设置的情况下，若 image 未监听点击事件且宽度大于 1/4 屏宽，则默认开启
+   * @supported swan
+   */
+  preview?: string
+
+  /** 预览时显示的图片地址
+   * @supported swan
+   */
+  originalSrc?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+}
 declare namespace ImageProps {
   /** mode 的合法值 */
   interface Mode {
     /** 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 */
     scaleToFill
+
     /** 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 */
     aspectFit
+
     /** 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 */
     aspectFill
+
     /** 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 */
     widthFix
+
     /** 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 */
     heightFix
+
     /** 裁剪模式，不缩放图片，只显示图片的顶部区域 */
     top
+
     /** 裁剪模式，不缩放图片，只显示图片的底部区域 */
     bottom
+
     /** 裁剪模式，不缩放图片，只显示图片的中间区域 */
     center
+
     /** 裁剪模式，不缩放图片，只显示图片的左边区域 */
     left
+
     /** 裁剪模式，不缩放图片，只显示图片的右边区域 */
     right
+
     /** 裁剪模式，不缩放图片，只显示图片的左上边区域 */
     'top left'
+
     /** 裁剪模式，不缩放图片，只显示图片的右上边区域 */
     'top right'
+
     /** 裁剪模式，不缩放图片，只显示图片的左下边区域 */
     'bottom left'
+
     /** 裁剪模式，不缩放图片，只显示图片的右下边区域 */
     'bottom right'
   }
@@ -99,6 +156,7 @@ declare namespace ImageProps {
   interface onLoadEventDetail {
     /** 图片高度 */
     height: number | string
+
     /** 图片宽度 */
     width: number | string
   }
@@ -150,5 +208,4 @@ declare namespace ImageProps {
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/image.html
  */
 declare const Image: ComponentType<ImageProps>
-
 export { Image, ImageProps }

package/types/Input.d.ts

@@ -1,37 +1,36 @@
 import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
-
 interface InputProps extends StandardProps, FormItemProps {
   /** 输入框的初始内容
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   value?: string
 
   /** input 的类型
    * @default "text"
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    * @rn 部分支持
    */
   type?: 'text' | 'number' | 'idcard' | 'digit' | 'safe-password' | 'nickname'
 
   /** 是否是密码类型
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   password?: boolean
 
   /** 输入框为空时占位符
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   placeholder?: string
 
   /** 指定 placeholder 的样式
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   placeholderStyle?: string
 
   /** 指定 placeholder 的样式类
    * @default "input-placeholder"
-   * @supported weapp, tt
+   * @supported weapp, alipay, swan, tt, qq, jd
    */
   placeholderClass?: string
 
@@ -41,71 +40,71 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholderTextColor?: string
 
   /** 是否禁用
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   disabled?: boolean
 
   /** 最大输入长度，设置为 -1 的时候不限制最大长度
    * @default 140
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   maxlength?: number
 
   /** 指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
    * @default 0
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   cursorSpacing?: number
 
   /** (即将废弃，请直接使用 focus )自动聚焦，拉起键盘
    * @default false
-   * @supported weapp
+   * @supported weapp, qq, jd
    */
   autoFocus?: boolean
 
   /** 获取焦点
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   focus?: boolean
 
   /** 设置键盘右下角按钮的文字
    * @default done
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   confirmType?: 'send' | 'search' | 'next' | 'go' | 'done'
 
   /** 点击键盘右下角按钮时是否保持键盘不收起
    * @default false
-   * @supported weapp
+   * @supported weapp, alipay, swan, tt, qq, jd
    */
   confirmHold?: boolean
 
   /** 指定focus时的光标位置
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   cursor?: number
 
   /** 光标起始位置，自动聚集时有效，需与selection-end搭配使用
    * @default -1
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   selectionStart?: number
 
   /** 光标结束位置，自动聚集时有效，需与selection-start搭配使用
    * @default -1
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   selectionEnd?: number
 
   /** 键盘弹起时，是否自动上推页面
    * @default false
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   adjustPosition?: boolean
 
   /** focus 时，点击页面的时候不收起键盘
    * @default false
-   * @supported weapp
+   * @supported weapp, tt
    */
   holdKeyboard?: boolean
 
@@ -139,6 +138,7 @@ interface InputProps extends StandardProps, FormItemProps {
    * @supported weapp
    */
   safePasswordNonce?: string
+
   /**
    * 安全键盘计算hash盐值，若指定custom-hash 则无效
    * @supported weapp
@@ -166,34 +166,28 @@ interface InputProps extends StandardProps, FormItemProps {
   controlled?: boolean
 
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onInput?: CommonEventFunction<InputProps.inputEventDetail>
 
   /** 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>
 
   /** 输入框失去焦点时触发
-   *
-   * event.detail = {value: value}
-   * @supported weapp, h5, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onBlur?: CommonEventFunction<InputProps.inputValueEventDetail>
 
   /** 点击完成按钮时触发
-   *
-   * event.detail = {value: value}
-   * @supported weapp, rn, tt
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    * @h5 借用[Form 组件](./form)的`onSubmit`事件来替代
    */
   onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>
 
   /** 键盘高度发生变化的时候触发此事件
-   *
-   * event.detail = {height: height, duration: duration}
-   * @supported weapp
+   * @supported weapp, qq
    */
   onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
 
@@ -201,21 +195,39 @@ interface InputProps extends StandardProps, FormItemProps {
    * @supported h5
    */
   nativeProps?: Record<string, unknown>
-}
 
+  /** 组件名字，用于表单提交获取数据。
+   * @supported alipay
+   */
+  name?: string
+
+  /** 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，confirm-type、confirm-hold 可能失效。
+   * 版本要求：基础库 2.7.3 及以上
+   * @supported alipay
+   */
+  alwaysSystem?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+}
 declare namespace InputProps {
   /** > 注意：React-Native 端 `inputEventDetail` 仅实现参数 `value`，若需实时获取光标位置则可通过 [`onSelectionChange`](https://reactnative.dev/docs/textinput#onselectionchange) 实现。 */
   interface inputEventDetail {
     /** 输入值 */
     value: string
+
     /** 光标位置 */
     cursor: number
+
     /** 键值 */
     keyCode: number
   }
   interface inputForceEventDetail {
     /** 输入值 */
     value: string
+
     /** 键盘高度 */
     height: number
   }
@@ -223,10 +235,10 @@ declare namespace InputProps {
     /** 输入值 */
     value: string
   }
-
   interface onKeyboardHeightChangeEventDetail {
     /** 键盘高度 */
     height: number
+
     /** 持续时间 */
     duration: number
   }
@@ -284,5 +296,4 @@ declare namespace InputProps {
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/input.html
  */
 declare const Input: ComponentType<InputProps>
-
 export { Input, InputProps }

package/types/Label.d.ts

@@ -1,8 +1,6 @@
 import { ComponentType } from 'react'
 import { StandardProps } from './common'
-
 interface LabelProps extends StandardProps {
-
   /** 绑定控件的 id */
   for?: string
 }
@@ -50,5 +48,4 @@ interface LabelProps extends StandardProps {
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/label.html
  */
 declare const Label: ComponentType<LabelProps>
-
 export { Label, LabelProps }

package/types/LivePlayer.d.ts

@@ -1,96 +1,89 @@
 import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, NetStatus } from './common'
-
 interface LivePlayerProps extends StandardProps {
   /** 音视频地址。目前仅支持 flv, rtmp 格式
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   src?: string
 
   /** 模式
    * @default "live"
-   * @supported weapp
+   * @supported weapp, qq, jd
    */
   mode?: keyof LivePlayerProps.Mode
 
   /** 自动播放
    * @default false
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   autoplay?: boolean
 
   /** 是否静音
    * @default false
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   muted?: boolean
 
   /** 画面方向
    * @default "vertical"
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   orientation?: keyof LivePlayerProps.Orientation
 
   /** 填充模式
    * @default "contain"
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   objectFit?: keyof LivePlayerProps.objectFit
 
   /** 进入后台时是否静音（已废弃，默认退台静音）
    * @default false
-   * @supported weapp
+   * @supported weapp, swan
    * @deprecated
    */
   backgroundMute?: boolean
 
   /** 最小缓冲区，单位s
    * @default 1
-   * @supported weapp
+   * @supported weapp, swan, qq
    */
   minCache?: number
 
   /** 最大缓冲区，单位s
    * @default 3
-   * @supported weapp
+   * @supported weapp, swan, qq
    */
   maxCache?: number
 
   /** 声音输出方式
    * @default "speaker"
-   * @supported weapp
+   * @supported weapp, qq, jd
    */
   soundMode?: keyof LivePlayerProps.soundMode
 
   /** 当跳转到本小程序的其他页面时，是否自动暂停本页面的实时音视频播放
    * @default true
-   * @supported weapp
+   * @supported weapp, qq
    */
   autoPauseIfNavigate?: boolean
 
-  /** 当跳转到其它微信原生页面时，是否自动暂停本页面的实时音视频播放
-   * @default true
-   * @supported weapp
-   */
-  autoPauseIfOpenNavigate?: boolean
-
   /** 设置小窗模式： push, pop，空字符串或通过数组形式设置多种模式（如： ["push", "pop"]）
    * @supported weapp
    */
   pictureInPictureMode?: ('push' | 'pop')[] | 'push' | 'pop' | ''
 
   /** 播放状态变化事件，detail = {code}
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   onStateChange?: CommonEventFunction<LivePlayerProps.onStateChangeEventDetail>
 
   /** 全屏变化事件，detail = {direction, fullScreen}
-   * @supported weapp, tt
+   * @supported weapp, swan, tt, qq, jd
    */
   onFullScreenChange?: CommonEventFunction<LivePlayerProps.onFullScreenChangeEventDetail>
 
   /** 网络状态通知，detail = {info}
-   * @supported weapp
+   * @supported weapp, swan, qq
    */
   onNetStatus?: CommonEventFunction<LivePlayerProps.onNetStatusEventDetail>
 
@@ -108,38 +101,78 @@ interface LivePlayerProps extends StandardProps {
    * @supported weapp
    */
   onLeavePictureInPicture?: CommonEventFunction
-}
 
+  /** 当跳转到其它微信原生页面时，是否自动暂停本页面的实时音视频播放
+   * @supported weapp, qq
+   */
+  autoPauseIfOpenNative?: string
+
+  /** 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本；
+   * @supported weapp
+   */
+  referrerPolicy?: 'origin' | 'no-referrer'
+
+  /** 设置署名水印
+   * @supported tt
+   */
+  signature?: string
+
+  /** 播放错误事件
+   * @supported tt
+   */
+  onError?: CommonEventFunction
+
+  /** 是否回调metadata
+   * @supported qq
+   */
+  enableMetadata?: string
+
+  /** metadata通知，detail = {info}
+   * @supported qq
+   */
+  onMetaDataChange?: CommonEventFunction
+
+  /** live-player 属性的唯一标志符
+   * @supported swan
+   */
+  id?: string
+}
 declare namespace LivePlayerProps {
   /** mode 的合法值 */
   interface Mode {
     /** 直播 */
     live
+
     /** 实时通话，该模式时延更低 */
     RTC
   }
+
   /** orientation 的合法值 */
   interface Orientation {
     /** 竖直 */
     vertical
+
     /** 水平 */
     horizontal
   }
+
   /** objectFit 的合法值 */
   interface objectFit {
     /** 图像长边填满屏幕，短边区域会被填充⿊⾊ */
     contain
+
     /** 图像铺满屏幕，超出显示区域的部分将被截掉 */
     fillCrop
   }
+
   /** soundMode 的合法值 */
   interface soundMode {
     /** 扬声器 */
     speaker
+
     /** 听筒 */
     ear
   }
-
   interface onStateChangeEventDetail {
     /** 状态码 */
     code: number
@@ -147,58 +180,82 @@ declare namespace LivePlayerProps {
   interface onFullScreenChangeEventDetail {
     /** 方向 */
     direction: number
+
     /** 全屏 */
     fullScreen: number | boolean
   }
   interface onNetStatusEventDetail {
     info: NetStatus
   }
+
   /** 状态码 */
   interface Status {
     /** 已经连接服务器 */
     2001
+
     /** 已经连接 RTMP 服务器,开始拉流 */
     2002
+
     /** 网络接收到首个视频数据包(IDR) */
     2003
+
     /** 视频播放开始 */
     2004
+
     /** 视频播放进度 */
     2005
+
     /** 视频播放结束 */
     2006
+
     /** 视频播放Loading */
     2007
+
     /** 解码器启动 */
     2008
+
     /** 视频分辨率改变 */
     2009
+
     /** 网络断连，且经多次重连抢救无效，更多重试请自行重启播放 */
     '-2301'
+
     /** 获取加速拉流地址失败 */
     '-2302'
+
     /** 当前视频帧解码失败 */
     2101
+
     /** 当前音频帧解码失败 */
     2102
+
     /** 网络断连, 已启动自动重连 */
     2103
+
     /** 网络来包不稳：可能是下行带宽不足，或由于主播端出流不均匀 */
     2104
+
     /** 当前视频播放出现卡顿 */
     2105
+
     /** 硬解启动失败，采用软解 */
     2106
+
     /** 当前视频帧不连续，可能丢帧 */
     2107
+
     /** 当前流硬解第一个I帧失败，SDK自动切软解 */
     2108
+
     /** RTMP -DNS解析失败 */
     3001
+
     /** RTMP服务器连接失败 */
     3002
+
     /** RTMP服务器握手失败 */
     3003
+
     /** RTMP 读/写失败 */
     3005
   }
@@ -228,5 +285,4 @@ declare namespace LivePlayerProps {
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html
  */
 declare const LivePlayer: ComponentType<LivePlayerProps>
-
 export { LivePlayer, LivePlayerProps }