@tarojs/components 3.5.7-alpha.0 → 3.5.7-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.5.7-alpha.0",
+  "version": "3.5.7-alpha.2",
   "description": "",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -32,8 +32,8 @@
   "dependencies": {
     "@stencil/core": "~2.13.0",
     "@stencil/sass": "1.5.2",
-    "@tarojs/router": "3.5.7-alpha.0",
-    "@tarojs/taro": "3.5.7-alpha.0",
+    "@tarojs/router": "3.5.7-alpha.2",
+    "@tarojs/taro": "3.5.7-alpha.2",
     "better-scroll": "^1.14.1",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",

package/types/Ad.d.ts

@@ -21,21 +21,6 @@ interface AdProps extends StandardProps {
    */
   adTheme?: 'white' | 'black'
 
-  /** 广告加载成功的回调
-   * @supported weapp, swan, tt, qq
-   */
-  onLoad?: CommonEventFunction
-
-  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象 event.detail = {errCode: 1002}
-   * @supported weapp, swan, tt, qq
-   */
-  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
-
-  /** 广告关闭的回调
-   * @supported weapp, swan, tt
-   */
-  onClose?: CommonEventFunction
-
   /** 小程序应用 ID
    * @supported swan
    */
@@ -57,11 +42,6 @@ interface AdProps extends StandardProps {
    */
   updatetime?: string
 
-  /** 贴片类型广告播放期间触发
-   * @supported swan
-   */
-  onStatus?: CommonEventFunction
-
   /** 广告是否在屏幕中固定展示
    * @supported tt
    */
@@ -111,6 +91,26 @@ interface AdProps extends StandardProps {
    */
   testBannerType?: 'one' | 'three'
 
+  /** 广告加载成功的回调
+   * @supported weapp, swan, tt, qq
+   */
+  onLoad?: CommonEventFunction
+
+  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象 event.detail = {errCode: 1002}
+   * @supported weapp, swan, tt, qq
+   */
+  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
+
+  /** 广告关闭的回调
+   * @supported weapp, swan, tt
+   */
+  onClose?: CommonEventFunction
+
+  /** 贴片类型广告播放期间触发
+   * @supported swan
+   */
+  onStatus?: CommonEventFunction
+
   /** type 为 feeds 时广告实际宽高回调
    * @supported qq
    */

package/types/Audio.d.ts

@@ -46,6 +46,11 @@ interface AudioProps extends StandardProps {
    */
   author?: string
 
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
+
   /** 当发生错误时触发 error 事件，detail = {errMsg: MediaError.code}
    * @supported weapp, swan, qq, h5
    */
@@ -70,11 +75,6 @@ interface AudioProps extends StandardProps {
    * @supported weapp, swan, qq, h5
    */
   onEnded?: CommonEventFunction
-
-  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
-   */
-  nativeProps?: Record<string, unknown>
 }
 declare namespace AudioProps {
   interface onErrorEventDetail {

package/types/Button.d.ts

@@ -132,6 +132,70 @@ interface ButtonProps extends StandardProps {
    */
   showMessageCard?: boolean
 
+  /** 生活号 id，必须是当前小程序同主体且已关联的生活号，open-type="lifestyle" 时有效。
+   * @supported alipay, qq
+   */
+  publicId?: string
+
+  /** 发送订阅类模板消息所用的模板库标题 ID ，可通过 getTemplateLibraryList 获取
+   * 当参数类型为 Array 时，可传递 1~3 个模板库标题 ID
+   * @supported swan
+   */
+  templateId?: string | Array<string>
+
+  /** 发送订阅类模板消息时所使用的唯一标识符，内容由开发者自定义，用来标识订阅场景
+   * 注意：同一用户在同一 subscribe-id 下的多次授权不累积下发权限，只能下发一条。若要订阅多条，需要不同 subscribe-id
+   * @supported swan
+   */
+  subscribeId?: string
+
+  /** 打开群资料卡时，传递的群号
+   * @supported qq
+   */
+  groupId?: string
+
+  /** 打开频道页面时，传递的频道号
+   * @supported qq
+   */
+  guildId?: string
+
+  /** 分享类型集合，请参考下面share-type有效值说明。share-type后续将不再维护，请更新为share-mode
+   * @supported qq
+   * @default 27
+   */
+  shareType?: string
+
+  /** 分享类型集合，请参考下面share-mode有效值说明
+   * @supported qq
+   * @default ['qq', 'qzone']
+   */
+  shareMode?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
+  /** 添加好友时，对方的 openid
+   * @supported qq
+   */
+  openId?: string
+
+  /** 发送对象的 FriendInfo
+   * @supported qq
+   */
+  shareMessageFriendInfo?: string
+
+  /** 转发标题，不传则默认使用当前小程序的昵称。 FriendInfo
+   * @supported qq
+   */
+  shareMessageTitle?: string
+
+  /** 转发显示图片的链接，可以是网络图片路径（仅 QQ CDN 域名路径）或本地图片文件路径或相对代码包根目录的图片文件路径。显示图片长宽比是 5:4FriendInfo
+   * @supported qq
+   */
+  shareMessageImg?: string
+
   /** 用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与 Taro.getUserInfo 返回的一致
    *
    * 生效时机: `open-type="getUserInfo"`
@@ -194,11 +258,6 @@ interface ButtonProps extends StandardProps {
    */
   onTap?: CommonEventFunction
 
-  /** 生活号 id，必须是当前小程序同主体且已关联的生活号，open-type="lifestyle" 时有效。
-   * @supported alipay, qq
-   */
-  publicId?: string
-
   /** 当 open-type 为 lifestyle 时有效。
    * 当点击按钮时触发。
    * event.detail = { followStatus }，followStatus 合法值有 1、2、3，其中 1 表示已关注。2 表示用户不允许关注。3 表示发生未知错误；
@@ -209,18 +268,6 @@ interface ButtonProps extends StandardProps {
     followStatus: 1 | 2 | 3 | true
   }>
 
-  /** 发送订阅类模板消息所用的模板库标题 ID ，可通过 getTemplateLibraryList 获取
-   * 当参数类型为 Array 时，可传递 1~3 个模板库标题 ID
-   * @supported swan
-   */
-  templateId?: string | Array<string>
-
-  /** 发送订阅类模板消息时所使用的唯一标识符，内容由开发者自定义，用来标识订阅场景
-   * 注意：同一用户在同一 subscribe-id 下的多次授权不累积下发权限，只能下发一条。若要订阅多条，需要不同 subscribe-id
-   * @supported swan
-   */
-  subscribeId?: string
-
   /** 用户点击该按钮时，调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址，从返回参数的 detail 中获取，和 swan.chooseAddress 一样的。和 open-type 搭配使用，使用时机：open-type="chooseAddress"
    * @supported swan
    */
@@ -241,53 +288,6 @@ interface ButtonProps extends StandardProps {
    */
   onSubscribe?: CommonEventFunction
 
-  /** 打开群资料卡时，传递的群号
-   * @supported qq
-   */
-  groupId?: string
-
-  /** 打开频道页面时，传递的频道号
-   * @supported qq
-   */
-  guildId?: string
-
-  /** 分享类型集合，请参考下面share-type有效值说明。share-type后续将不再维护，请更新为share-mode
-   * @supported qq
-   * @default 27
-   */
-  shareType?: string
-
-  /** 分享类型集合，请参考下面share-mode有效值说明
-   * @supported qq
-   * @default ['qq', 'qzone']
-   */
-  shareMode?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
-
-  /** 添加好友时，对方的 openid
-   * @supported qq
-   */
-  openId?: string
-
-  /** 发送对象的 FriendInfo
-   * @supported qq
-   */
-  shareMessageFriendInfo?: string
-
-  /** 转发标题，不传则默认使用当前小程序的昵称。 FriendInfo
-   * @supported qq
-   */
-  shareMessageTitle?: string
-
-  /** 转发显示图片的链接，可以是网络图片路径（仅 QQ CDN 域名路径）或本地图片文件路径或相对代码包根目录的图片文件路径。显示图片长宽比是 5:4FriendInfo
-   * @supported qq
-   */
-  shareMessageImg?: string
-
   /** 添加好友的回调
    * @supported qq
    */

package/types/Camera.d.ts

@@ -125,7 +125,6 @@ declare namespace CameraProps {
     /** 最大变焦 */
     maxZoom: number
   }
-
   interface onScanCodeEventDetail {
     /** 字符集 */
     charSet: string

package/types/Canvas.d.ts

@@ -17,6 +17,27 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
    */
   disableScroll?: boolean
 
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
+
+  /** 组件唯一标识符。
+   * 注意：同一页面中的 id 不可重复。
+   * @supported alipay
+   */
+  id?: string
+
+  /**
+   * @supported alipay
+   */
+  width?: string
+
+  /**
+   * @supported alipay
+   */
+  height?: string
+
   /** 手指触摸动作开始
    * @supported weapp, alipay, swan, tt, qq, jd
    */
@@ -47,27 +68,6 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
    */
   onError?: CommonEventFunction<CanvasProps.onErrorEventDetail>
 
-  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
-   */
-  nativeProps?: Record<string, unknown>
-
-  /** 组件唯一标识符。
-   * 注意：同一页面中的 id 不可重复。
-   * @supported alipay
-   */
-  id?: string
-
-  /**
-   * @supported alipay
-   */
-  width?: string
-
-  /**
-   * @supported alipay
-   */
-  height?: string
-
   /** 点击。
    * @supported alipay
    */

package/types/Checkbox.d.ts

@@ -23,13 +23,6 @@ interface CheckboxProps extends StandardProps {
    */
   color?: string
 
-  /** 选中项发生变化时触发 change 事件，小程序无此 API
-   * @supported alipay, h5, rn
-   */
-  onChange?: CommonEventFunction<{
-    value: string[]
-  }>
-
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
    * @supported h5
    */
@@ -39,6 +32,13 @@ interface CheckboxProps extends StandardProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 选中项发生变化时触发 change 事件，小程序无此 API
+   * @supported alipay, h5, rn
+   */
+  onChange?: CommonEventFunction<{
+    value: string[]
+  }>
 }
 
 /** 多选项目

package/types/CoverImage.d.ts

@@ -6,26 +6,11 @@ interface CoverImageProps extends StandardProps {
    */
   src: string
 
-  /** 图片加载成功时触发
-   * @supported weapp, swan, qq, h5
-   */
-  onLoad?: CommonEventFunction
-
-  /** 图片加载失败时触发
-   * @supported weapp, swan, qq, h5
-   */
-  onError?: CommonEventFunction
-
   /** 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本；
    * @supported weapp
    */
   referrerPolicy?: 'origin' | 'no-referrer'
 
-  /** 点击事件回调。
-   * @supported alipay
-   */
-  onTap?: CommonEventFunction
-
   /** 设置与容器顶部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 top 值，该属性优先级高于 fixed-bottom，CSS 设置的 position、top、bottom 值
    * @supported swan
    */
@@ -55,6 +40,21 @@ interface CoverImageProps extends StandardProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 图片加载成功时触发
+   * @supported weapp, swan, qq, h5
+   */
+  onLoad?: CommonEventFunction
+
+  /** 图片加载失败时触发
+   * @supported weapp, swan, qq, h5
+   */
+  onError?: CommonEventFunction
+
+  /** 点击事件回调。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
 }
 
 /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。

package/types/CoverView.d.ts

@@ -7,11 +7,6 @@ interface CoverViewProps extends ViewProps {
    */
   scrollTop?: number
 
-  /** 点击事件回调。
-   * @supported alipay
-   */
-  onTap?: CommonEventFunction
-
   /** 设置与容器顶部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 top 值，该属性优先级高于 fixed-bottom，CSS 设置的 position、top、bottom 值
    * @supported swan
    */
@@ -41,6 +36,11 @@ interface CoverViewProps extends ViewProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 点击事件回调。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
 }
 
 /** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。

package/types/Form.d.ts

@@ -17,16 +17,6 @@ interface FormProps extends StandardProps {
    */
   reportSubmitTimeout?: number
 
-  /** 携带 form 中的数据触发 submit 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, rn
-   */
-  onSubmit?: CommonEventFunction<FormProps.onSubmitEventDetail>
-
-  /** 表单重置时会触发 reset 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onReset?: CommonEventFunction
-
   /** 模板消息的类型，report-submit 为 true 时填写有效
    * 取值：default / subscribe
    * @default 'default'
@@ -45,6 +35,16 @@ interface FormProps extends StandardProps {
    * @supported swan
    */
   subscribeId?: string
+
+  /** 携带 form 中的数据触发 submit 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   */
+  onSubmit?: CommonEventFunction<FormProps.onSubmitEventDetail>
+
+  /** 表单重置时会触发 reset 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onReset?: CommonEventFunction
 }
 declare namespace FormProps {
   interface onSubmitEventDetail {

package/types/Image.d.ts

@@ -37,16 +37,6 @@ interface ImageProps extends StandardProps {
    */
   showMenuByLongpress?: boolean
 
-  /** 当错误发生时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
-
-  /** 当图片载入完毕时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
-
   /**
    * 为 img 标签额外增加的属性
    * @supported h5
@@ -63,16 +53,6 @@ interface ImageProps extends StandardProps {
    */
   defaultSource?: string
 
-  /** 点击图片时触发。
-   * @supported alipay
-   */
-  onTap?: CommonEventFunction
-
-  /** 点击图片时触发，阻止事件冒泡。
-   * @supported alipay
-   */
-  catchTap?: CommonEventFunction
-
   /** 阻止长按图片时弹起默认菜单（即将该属性设置为image-menu-prevent="true"或image-menu-prevent），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性。注：长按菜单后的操作暂不支持 svg 格式
    * @supported swan
    */
@@ -92,6 +72,26 @@ interface ImageProps extends StandardProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 当错误发生时，发布到 AppService 的事件名，事件对象
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
+
+  /** 当图片载入完毕时，发布到 AppService 的事件名，事件对象
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
+
+  /** 点击图片时触发。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
+
+  /** 点击图片时触发，阻止事件冒泡。
+   * @supported alipay
+   */
+  catchTap?: CommonEventFunction
 }
 declare namespace ImageProps {
   /** mode 的合法值 */

package/types/Input.d.ts

@@ -165,6 +165,26 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   controlled?: boolean
 
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
+
+  /** 组件名字，用于表单提交获取数据。
+   * @supported alipay
+   */
+  name?: string
+
+  /** 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，confirm-type、confirm-hold 可能失效。
+   * @supported alipay
+   */
+  alwaysSystem?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -190,26 +210,6 @@ interface InputProps extends StandardProps, FormItemProps {
    * @supported weapp, qq
    */
   onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
-
-  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
-   */
-  nativeProps?: Record<string, unknown>
-
-  /** 组件名字，用于表单提交获取数据。
-   * @supported alipay
-   */
-  name?: string
-
-  /** 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，confirm-type、confirm-hold 可能失效。
-   * @supported alipay
-   */
-  alwaysSystem?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
 }
 declare namespace InputProps {
   /** > 注意：React-Native 端 `inputEventDetail` 仅实现参数 `value`，若需实时获取光标位置则可通过 [`onSelectionChange`](https://reactnative.dev/docs/textinput#onselectionchange) 实现。 */

package/types/LivePlayer.d.ts

@@ -72,6 +72,37 @@ interface LivePlayerProps extends StandardProps {
    */
   pictureInPictureMode?: ('push' | 'pop')[] | 'push' | 'pop' | ''
 
+  /** 当跳转到其它微信原生页面时，是否自动暂停本页面的实时音视频播放
+   * @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
+
+  /** 是否回调metadata
+   * @supported qq
+   */
+  enableMetadata?: string
+
+  /** live-player 属性的唯一标志符
+   * @supported swan
+   */
+  id?: string
+
+  /** 是否开启手机横屏时自动全屏，当系统设置开启自动旋转时生效
+   * @supported weapp
+   * @default false
+   */
+  enableAutoRotation?: string
+
   /** 播放状态变化事件，detail = {code}
    * @supported weapp, swan, tt, qq, jd
    */
@@ -102,46 +133,15 @@ interface LivePlayerProps extends StandardProps {
    */
   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
-
-  /** 是否开启手机横屏时自动全屏，当系统设置开启自动旋转时生效
-   * @supported weapp
-   * @default false
-   */
-  enableAutoRotation?: string
 }
 declare namespace LivePlayerProps {
   /** mode 的合法值 */

package/types/LivePusher.d.ts

@@ -186,6 +186,11 @@ interface LivePusherProps extends StandardProps {
    */
   filter?: keyof LivePusherProps.FilterType
 
+  /** 设置小窗模式： push, pop，空字符串或通过数组形式设置多种模式（如： ["push", "pop"]）
+   * @supported weapp
+   */
+  pictureInPictureMode?: string | any[]
+
   /** 状态变化事件，detail = {code}
    * @supported weapp, qq
    */
@@ -211,11 +216,6 @@ interface LivePusherProps extends StandardProps {
    */
   onAudioVolumeNotify?: CommonEventFunction
 
-  /** 设置小窗模式： push, pop，空字符串或通过数组形式设置多种模式（如： ["push", "pop"]）
-   * @supported weapp
-   */
-  pictureInPictureMode?: string | any[]
-
   /** 网络状态通知，detail = {info}
    * @supported weapp, qq
    */