@tarojs/components 3.5.8 → 3.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.5.8",
+  "version": "3.5.9",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -36,8 +36,8 @@
     "resolve-pathname": "^3.0.0",
     "swiper": "6.8.0",
     "weui": "^1.1.2",
-    "@tarojs/router": "3.5.8",
-    "@tarojs/taro": "3.5.8"
+    "@tarojs/router": "3.5.9",
+    "@tarojs/taro": "3.5.9"
   },
   "devDependencies": {
     "@babel/generator": "^7.14.5",
@@ -53,7 +53,7 @@
     "jquery": "^3.4.1",
     "karmatic": "^2.1.0",
     "lodash": "^4.17.21",
-    "miniapp-types": "1.1.20",
+    "miniapp-types": "1.1.21",
     "simulant": "^0.2.2",
     "style-loader": "1.3.0",
     "ts-node": "^10.9.1",

package/types/Ad.d.ts

@@ -199,7 +199,7 @@ declare namespace AdProps {
 
 /** Banner 广告
  * @classification open
- * @supported weapp, tt
+ * @supported weapp, swan, tt, qq
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/Audio.d.ts

@@ -107,7 +107,7 @@ declare namespace AudioProps {
 /** 音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的 Taro.createInnerAudioContext 接口
  * @classification media
  * @deprecated
- * @supported weapp, h5, swan
+ * @supported weapp, swan, qq, h5
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Button.d.ts

@@ -526,7 +526,7 @@ declare namespace ButtonProps {
 
 /** 按钮
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageButton extends Component {

package/types/Camera.d.ts

@@ -149,7 +149,7 @@ declare namespace CameraProps {
 
 /** 系统相机
  * @classification media
- * @supported weapp, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -88,7 +88,7 @@ declare namespace CanvasProps {
  *
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
- * @supported weapp, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Checkbox.d.ts

@@ -43,7 +43,7 @@ interface CheckboxProps extends StandardProps {
 
 /** 多选项目
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CheckboxGroup.d.ts

@@ -16,7 +16,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
 
 /** 多项选择器，内部由多个checkbox组成
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CoverImage.d.ts

@@ -59,7 +59,7 @@ interface CoverImageProps extends StandardProps {
 
 /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
  * @classification viewContainer
- * @supported weapp, swan, alipay, h5
+ * @supported weapp, alipay, swan, qq, h5
  * @example_react
  * ```tsx
  * // js

package/types/CoverView.d.ts

@@ -3,7 +3,7 @@ import { CommonEventFunction } from './common'
 import { ViewProps } from './View'
 interface CoverViewProps extends ViewProps {
   /** 设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效
-   * @supported weapp, swan, qq
+   * @supported weapp, alipay, swan, qq
    */
   scrollTop?: number
 
@@ -37,15 +37,113 @@ interface CoverViewProps extends ViewProps {
    */
   ariaLabel?: string
 
-  /** 点击事件回调。
+  /** 允许横向滚动。
    * @supported alipay
+   * @default false
    */
-  onTap?: CommonEventFunction
+  scrollX?: boolean
+
+  /** 允许纵向滚动。
+   * @supported alipay
+   * @default false
+   */
+  scrollY?: boolean
+
+  /** 距顶部/左边多远时（单位px），触发 scrolltoupper 事件。
+   * @supported alipay
+   * @default 50
+   */
+  upperThreshold?: number
+
+  /** 距底部/右边多远时（单位px），触发 scrolltolower 事件。
+   * @supported alipay
+   * @default 50
+   */
+  lowerThreshold?: number
+
+  /** 设置横向滚动条位置。
+   * @supported alipay
+   */
+  scrollLeft?: number
+
+  /** 滚动到子元素，值应为某子元素的 id。当滚动到该元素时，元素顶部对齐滚动区域顶部。
+   * 说明：scroll-into-view 的优先级高于 scroll-top。
+   * @supported alipay
+   */
+  scrollIntoView?: string
+
+  /** 在设置滚动条位置时使用动画过渡。
+   * @supported alipay
+   * @default false
+   */
+  scrollWithAnimation?: boolean
+
+  /** 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
+   * @supported alipay
+   */
+  scrollAnimationDuration?: number
+
+  /** 当点击 iOS 顶部状态栏或者双击 Android 标题栏时，滚动条返回顶部，只支持竖向。
+   * @supported alipay
+   * @default false
+   */
+  enableBackToTop?: boolean
+
+  /** 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
+   * @supported alipay
+   * @default false
+   */
+  trapScroll?: boolean
+
+  /** 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
+   * @supported alipay
+   */
+  disableLowerScroll?: string
+
+  /** 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
+   * @supported alipay
+   */
+  disableUpperScroll?: string
+
+  /** 滚动到顶部/左边，会触发 scrolltoupper 事件。
+   * @supported alipay
+   */
+  onScrollToUpper?: CommonEventFunction
+
+  /** 滚动到底部/右边，会触发 scrolltolower事件。
+   * @supported alipay
+   */
+  onScrollToLower?: CommonEventFunction
+
+  /** 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth}。
+   * @supported alipay
+   */
+  onScroll?: CommonEventFunction
+
+  /** 触摸动作开始。
+   * @supported alipay
+   */
+  onTouchStart?: CommonEventFunction
+
+  /** 触摸后移动。
+   * @supported alipay
+   */
+  onTouchMove?: CommonEventFunction
+
+  /** 触摸动作结束。
+   * @supported alipay
+   */
+  onTouchEnd?: CommonEventFunction
+
+  /** 触摸动作被打断，如来电提醒、弹窗。
+   * @supported alipay
+   */
+  onTouchCancel?: CommonEventFunction
 }
 
 /** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。
  * @classification viewContainer
- * @supported weapp, swan, alipay, h5
+ * @supported weapp, alipay, swan, qq, h5
  * @example_react
  * ```tsx
  * // js

package/types/CustomWrapper.d.ts

@@ -6,7 +6,7 @@ interface CustomWrapperProps extends StandardProps {
 
 /** custom-wrapper 自定义组件包裹器
  * 当数据更新层级较深时，可用此组件将需要更新的区域包裹起来，这样更新层级将大大减少
- * @supported weapp, swan, alipay, tt, jd, qq
+ * @supported weapp, swan, alipay, tt, jd, qq, h5
  * @example
  * ```tsx
  * import { Component } from 'react'

package/types/Form.d.ts

@@ -66,7 +66,7 @@ declare namespace FormProps {
  *
  * 当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/Icon.d.ts

@@ -62,7 +62,7 @@ declare namespace IconProps {
 
 /** 图标。组件属性的长度单位默认为 px
  * @classification base
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Image.d.ts

@@ -155,7 +155,7 @@ declare namespace ImageProps {
  *
  * **Note:** 为实现小程序的 `mode` 特性，在 H5 组件中使用一个 `div` 容器来对内部的 `img` 进行展示区域的裁剪，因此请勿使用元素选择器来重置 `img` 的样式！
  * @classification media
- * @supported weapp, h5, rn, swan, alipay, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Input.d.ts

@@ -9,11 +9,11 @@ interface InputProps extends StandardProps, FormItemProps {
   /** input 的类型
    * @default "text"
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   * @rn 部分支持
    */
-  type?: 'text' | 'number' | 'idcard' | 'digit' | 'safe-password' | 'nickname'
+  type?: keyof InputProps.Type
 
   /** 是否是密码类型
+   * @default false
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   password?: boolean
@@ -40,6 +40,7 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholderTextColor?: string
 
   /** 是否禁用
+   * @default false
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   disabled?: boolean
@@ -69,11 +70,12 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   focus?: boolean
 
-  /** 设置键盘右下角按钮的文字
+  /** 设置键盘右下角按钮的文字，仅在type='text'时生效
+   * @alipay confirm-type 与 enableNative 属性冲突，若希望 confirm-type 生效，enableNative 不能设定为 false，而且不能设定 always-system
    * @default done
    * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
-  confirmType?: 'send' | 'search' | 'next' | 'go' | 'done'
+  confirmType?: keyof InputProps.ConfirmType
 
   /** 点击键盘右下角按钮时是否保持键盘不收起
    * @default false
@@ -99,7 +101,7 @@ interface InputProps extends StandardProps, FormItemProps {
   selectionEnd?: number
 
   /** 键盘弹起时，是否自动上推页面
-   * @default false
+   * @default true
    * @supported weapp, swan, tt, qq, jd
    */
   adjustPosition?: boolean
@@ -161,7 +163,9 @@ interface InputProps extends StandardProps, FormItemProps {
   randomNumber?: boolean
 
   /**
-   * 是否为受控组件
+   * 是否为受控组件。为 true 时，value 内容会完全受 setData 控制。
+   *
+   * 建议当 type 值为 text 时不要将 controlled 设置为 true,详见 [Bugs & Tips](https://opendocs.alipay.com/mini/component/input#Bug%20%26%20Tip)
    * @default false
    * @supported alipay
    */
@@ -178,9 +182,16 @@ interface InputProps extends StandardProps, FormItemProps {
   name?: string
 
   /** 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，confirm-type、confirm-hold 可能失效。
+   * @default false
    * @supported alipay
    */
-  alwaysSystem?: string
+  alwaysSystem?: boolean
+
+  /** 使用原生键盘
+   * @default true
+   * @supported alipay
+   */
+  enableNative?: boolean
 
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
@@ -214,6 +225,58 @@ interface InputProps extends StandardProps, FormItemProps {
   onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
 }
 declare namespace InputProps {
+  /** Input 类型 */
+  interface Type {
+    /** 文本输入键盘
+     * @supported weapp, alipay, h5, rn
+     */
+    text
+    /** 数字输入键盘
+     * @supported weapp, alipay, h5, rn
+     */
+    number
+    /** 身份证输入键盘
+     *@supported weapp, alipay, rn
+     */
+    idcard
+    /** 带小数点的数字键盘
+     * @supported weapp, alipay, h5, rn
+     */
+    digit
+    /** 密码安全输入键盘[指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/safe-password.html)
+     * @supported weapp, alipay
+     */
+    'safe-password'
+    /** 昵称输入键盘
+     * @supported weapp, alipay
+     */
+    nickname
+    /** 数字输入键盘
+     * @supported alipay
+     */
+    numberpad
+    /** 带小数点的数字键盘
+     * @supported alipay
+     */
+    digitpad
+    /** 身份证输入键盘
+     * @supported alipay
+     */
+    idcardpad
+  }
+  /** Confirm 类型 */
+  interface ConfirmType {
+    /** 右下角按钮为“发送” */
+    send
+    /** 右下角按钮为“搜索” */
+    search
+    /** 右下角按钮为“下一个” */
+    next
+    /** 右下角按钮为“前往” */
+    go
+    /** 右下角按钮为“完成” */
+    done
+  }
   /** > 注意：React-Native 端 `inputEventDetail` 仅实现参数 `value`，若需实时获取光标位置则可通过 [`onSelectionChange`](https://reactnative.dev/docs/textinput#onselectionchange) 实现。 */
   interface inputEventDetail {
     /** 输入值 */
@@ -247,7 +310,7 @@ declare namespace InputProps {
 
 /** 输入框。该组件是原生组件，使用时请注意相关限制
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/LivePlayer.d.ts

@@ -271,7 +271,7 @@ declare namespace LivePlayerProps {
  *
  * 需要先通过类目审核，再在小程序管理后台，“设置”-“接口设置”中自助开通该组件权限。
  * @classification media
- * @supported weapp, tt
+ * @supported weapp, swan, tt, qq, jd
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/LivePusher.d.ts

@@ -365,7 +365,7 @@ declare namespace LivePusherProps {
 /** 实时音视频录制。需要用户授权 scope.camera、scope.record
  * 需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。
  * @classification media
- * @supported weapp
+ * @supported weapp, qq
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Map.d.ts

@@ -661,7 +661,7 @@ declare namespace MapProps {
 
 /** 地图。相关api Taro.createMapContext。
  * @classification maps
- * @supported weapp, alipay, swan
+ * @supported weapp, alipay, swan, tt, qq, jd
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/MatchMedia.d.ts

@@ -39,7 +39,7 @@ interface MatchMediaProps extends StandardProps {
 
 /** media query 匹配检测节点。可以指定一组 media query 规则，满足时，这个节点才会被展示。
  * 通过这个节点可以实现“页面宽高在某个范围时才展示某个区域”这样的效果。
- * @supported weapp
+ * @supported weapp, alipay
  * @classification viewContainer
  * @example_react
  * ```tsx

package/types/MovableArea.d.ts

@@ -3,14 +3,14 @@ import { StandardProps } from './common'
 interface MovableAreaProps extends StandardProps {
   /** 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area
    * @default false
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   scaleArea?: boolean
 }
 
 /** movable-view 的可移动区域
  * @classification viewContainer
- * @supported weapp, rn
+ * @supported weapp, alipay, swan, tt, qq, h5, rn
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/MovableView.d.ts

@@ -3,77 +3,77 @@ import { StandardProps, CommonEventFunction, TouchEventFunction } from './common
 interface MovableViewProps extends Omit<StandardProps, 'animation'> {
   /** movable-view 的移动方向，属性值有`all`、`vertical`、`horizontal`、`none`
    * @default none
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
    */
   direction?: 'all' | 'vertical' | 'horizontal' | 'none'
 
   /** movable-view 是否带有惯性
    * @default false
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   inertia?: boolean
 
   /** 超过可移动区域后，movable-view 是否还可以移动
    * @default false
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   outOfBounds?: boolean
 
   /** 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围；改变 x 的值会触发动画
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
    */
   x?: number | string
 
   /** 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围；改变 y 的值会触发动画
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
    */
   y?: number | string
 
   /** 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快
    * @default 20
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   damping?: number
 
   /** 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值
    * @default 2
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   friction?: number
 
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
    */
   disabled?: boolean
 
   /** 是否支持双指缩放，默认缩放手势生效区域是在 movable-view 内
    * @default false
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   scale?: boolean
 
   /** 定义缩放倍数最小值
    * @default 0.5
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   scaleMin?: number
 
   /** 定义缩放倍数最大值
    * @default 10
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   scaleMax?: number
 
   /** 定义缩放倍数，取值范围为 0.5 - 10
    * @default 1
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   scaleValue?: number
 
   /** 是否使用动画
    * @default true
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   animation?: boolean
 
@@ -98,7 +98,7 @@ interface MovableViewProps extends Omit<StandardProps, 'animation'> {
   onDragEnd?: CommonEventFunction
 
   /** 缩放过程中触发的事件
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, h5
    */
   onScale?: CommonEventFunction<MovableViewProps.onScaleEventDetail>
 
@@ -124,12 +124,12 @@ interface MovableViewProps extends Omit<StandardProps, 'animation'> {
   onTouchCancel?: CommonEventFunction
 
   /** 初次手指触摸后移动为横向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
-   * @supported weapp, swan, tt
+   * @supported weapp, swan, tt, h5
    */
   onHTouchMove?: TouchEventFunction
 
   /** 初次手指触摸后移动为纵向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
-   * @supported weapp, swan, tt
+   * @supported weapp, swan, tt, h5
    */
   onVTouchMove?: TouchEventFunction
 
@@ -190,7 +190,7 @@ declare namespace MovableViewProps {
 
 /** 可移动的视图容器，在页面中可以拖拽滑动。movable-view 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
  * @classification viewContainer
- * @supported weapp, swan, alipay, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, h5, rn
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Navigator.d.ts

@@ -138,7 +138,7 @@ declare namespace NavigatorProps {
 
 /** 页面链接
  * @classification navig
- * @supported weapp, swan, alipay, tt
+ * @supported weapp, alipay, swan, tt, qq, jd
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
  */
 declare const Navigator: ComponentType<NavigatorProps>

package/types/OpenData.d.ts

@@ -95,7 +95,7 @@ declare namespace OpenDataProps {
 
 /** 用于展示平台开放的数据
  * @classification open
- * @supported weapp, tt
+ * @supported weapp, swan, tt, qq
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/PageContainer.d.ts

@@ -3,90 +3,100 @@ import { StandardProps, CommonEventFunction } from './common'
 interface PageContainerProps extends StandardProps {
   /** 是否显示容器组件
    * @default false
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   show?: boolean
 
   /** 动画时长，单位毫秒
    * @default 300
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   duration?: number
 
   /** z-index 层级
    * @default 100
-   * @supported weapp
+   * @supported weapp, alipay
    */
   zIndex?: number
 
   /** 是否显示遮罩层
    * @default true
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   overlay?: boolean
 
   /** 弹出位置，可选值为 top bottom right center
    * @default bottom
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   position?: keyof PageContainerProps.Position
 
   /** 是否显示圆角
    * @default false
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   round?: boolean
 
   /** 自定义遮罩层样式
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   overlayStyle?: string
 
   /** 自定义弹出层样式
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   customStyle?: string
 
   /** 是否在下滑一段距离后关闭
-   * @supported weapp
+   * @supported weapp, alipay
    * @default false
    */
-  closeOnSlideDown?: string
+  closeOnSlideDown?: boolean
 
   /** 进入前触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onBeforeEnter?: CommonEventFunction
 
   /** 进入中触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onEnter?: CommonEventFunction
 
   /** 进入后触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onAfterEnter?: CommonEventFunction
 
   /** 离开前触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onBeforeLeave?: CommonEventFunction
 
   /** 离开中触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onLeave?: CommonEventFunction
 
   /** 离开后触发
-   * @supported weapp, rn
+   * @supported weapp, alipay, rn
    */
   onAfterLeave?: CommonEventFunction
 
   /** 点击遮罩层时触发
-   * @supported weapp
+   * @supported weapp, alipay
    */
   onClickOverlay?: CommonEventFunction
+
+  /** 进入被打断时触发（通过 a: if 打断时不会触发）。
+   * @supported alipay
+   */
+  onEnterCancelled?: CommonEventFunction
+
+  /** 离开被打断时触发（通过 a: if 打断时不会触发）。
+   * @supported alipay
+   */
+  onLeaveCancelled?: CommonEventFunction
 }
 declare namespace PageContainerProps {
   /** 弹出位置 */
@@ -114,7 +124,7 @@ declare namespace PageContainerProps {
  *   1. tip: 当前页面最多只有 1 个容器，若已存在容器的情况下，无法增加新的容器
  *   2. tip: wx.navigateBack 无法在页面栈顶调用，此时没有上一级页面
  * @classification viewContainer
- * @supported weapp, rn
+ * @supported weapp, alipay, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html
  */
 declare const PageContainer: ComponentType<PageContainerProps>

package/types/PageMeta.d.ts

@@ -96,7 +96,7 @@ declare namespace PageMetaProps {
 
 /** 页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。
  * 通过这个节点可以获得类似于调用 Taro.setBackgroundTextStyle Taro.setBackgroundColor 等接口调用的效果。
- * @supported weapp
+ * @supported weapp, alipay
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html
  */
 declare const PageMeta: ComponentType<PageMetaProps>

package/types/Picker.d.ts

@@ -302,7 +302,7 @@ declare namespace PickerRegionProps {
 /**
  * 从底部弹起的滚动选择器
  * @classification forms
- * @supported weapp, h5, rn, swan, alipay, tt
+ * @supported weapp, swan, alipay, tt, h5, rn
  * @example_react
  * ```tsx
  * export default class PagePicker extends Component {

package/types/PickerView.d.ts

@@ -66,7 +66,7 @@ declare namespace PickerViewProps {
 /** 嵌入页面的滚动选择器
  * 其中只可放置 picker-view-column 组件，其它节点不会显示
  * @classification forms
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class Picks extends Component {

package/types/Progress.d.ts

@@ -81,7 +81,7 @@ interface ProgressProps extends StandardProps {
 
 /** 进度条。组件属性的长度单位默认为 px
  * @classification base
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Radio.d.ts

@@ -44,7 +44,7 @@ interface RadioProps extends StandardProps {
 
 /** 单选项目
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, h5, rn
  * @example_react
  * ```tsx
  * export default class PageRadio extends Component {

package/types/RadioGroup.d.ts

@@ -19,7 +19,7 @@ declare namespace RadioGroupProps {
 
 /** 单项选择器，内部由多个 Radio 组成。
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, h5, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/radio-group.html
  */
 declare const RadioGroup: ComponentType<RadioGroupProps>

package/types/RootPortal.d.ts

@@ -1,4 +1,13 @@
 import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface RootPortalProps extends StandardProps {
+  /**
+   * 是否从页面中脱离出来
+   * @supported weapp
+   * @default true
+   */
+  enable?: boolean
+}
 
 /** root-portal
  * 使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。
@@ -28,6 +37,6 @@ import { ComponentType } from 'react'
  * }
  * ```
  */
-declare const RootPortal: ComponentType
+declare const RootPortal: ComponentType<RootPortalProps>
 
-export { RootPortal }
+export { RootPortal, RootPortalProps }

package/types/ScrollView.d.ts

@@ -262,7 +262,7 @@ declare namespace ScrollViewProps {
  * H5 中 ScrollView 组件是通过一个高度（或宽度）固定的容器内部滚动来实现的，因此务必正确的设置容器的高度。例如: 如果 ScrollView 的高度将 body 撑开，就会同时存在两个滚动条（body 下的滚动条，以及 ScrollView 的滚动条）。
  * 微信小程序 中 ScrollView 组件如果设置 scrollX 横向滚动时，并且子元素为多个时（单个子元素时设置固定宽度则可以正常横向滚动），需要通过 WXSS 设置 `white-space: nowrap` 来保证元素不换行，并对 ScrollView 内部元素设置 `display: inline-block` 来使其能够横向滚动。
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/ShareElement.d.ts

@@ -1,28 +1,38 @@
 import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface ShareElementProps extends StandardProps {
+  /** 映射标记
+   * @supported weapp 
+   */
+  key?: string
+
+  /** 映射标记
+   * @supported weapp 
+   */
+  mapkey?: string
+
+  /** 映射标记
+   * @supported alipay 
+   */
+  name?: string
+
   /** 是否进行动画
    * @default false
-   * @supported weapp
+   * @supported weapp, alipay
    */
   transform?: boolean
 
   /** 动画时长，单位毫秒
    * @default 300
-   * @supported weapp
+   * @supported weapp, alipay
    */
   duration?: number
 
   /** css缓动函数
    * @default ease-out
-   * @supported weapp
+   * @supported weapp, alipay
    */
-  easingFunction?: number
-
-  /** 映射标记
-   * @supported weapp
-   */
-  key?: string
+  easingFunction?: string
 }
 
 /** 共享元素
@@ -30,7 +40,7 @@ interface ShareElementProps extends StandardProps {
  * 共享元素是一种动画形式，类似于 [`flutter Hero`](https://flutterchina.club/animations/hero-animations/) 动画，表现为元素像是在页面间穿越一样。该组件需与 [`PageContainer`](/docs/components/viewContainer/page-container) 组件结合使用。
  * 使用时需在当前页放置 `ShareElement` 组件，同时在 `PageContainer` 容器中放置对应的 `ShareElement` 组件，对应关系通过属性值 key 映射。当设置 `PageContainer` `显示时，transform` 属性为 `true` 的共享元素会产生动画。当前页面容器退出时，会产生返回动画。
  * @classification viewContainer
- * @supported weapp
+ * @supported weapp, alipay
  * @example_react
  * ```tsx
  * // index.js

package/types/Slider.d.ts

@@ -118,7 +118,7 @@ declare namespace SliderProps {
 
 /** 滑动选择器
  * @classification forms
- * @supported weapp, h5, rn, swan, alipay, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Swiper.d.ts

@@ -247,7 +247,7 @@ declare namespace SwiperProps {
 /** 滑块视图容器。其中只可放置 swiper-item 组件，否则会导致未定义的行为。
  * > 不要为 `SwiperItem` 设置 **style** 属性，可以通过 class 设置样式。[7147](https://github.com/NervJS/taro/issues/7147)
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/SwiperItem.d.ts

@@ -7,15 +7,16 @@ interface SwiperItemProps extends StandardProps {
   itemId?: string
 
   /** 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息
+   * @default false
    * @supported weapp
    */
-  skipHiddenItemLayout?: string
+  skipHiddenItemLayout?: boolean
 }
 
 /** 仅可放置在 swiper 组件中，宽高自动设置为100%
  * > 不要为 `SwiperItem` 设置 **style** 属性，可以通过 class 设置样式。[7147](https://github.com/NervJS/taro/issues/7147)
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/Switch.d.ts

@@ -93,7 +93,7 @@ declare namespace SwitchProps {
  *   </view>
  * </template>
  * ```
- * @supported weapp, h5, rn, swan, alipay, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/switch.html
  */
 declare const Switch: ComponentType<SwitchProps>

package/types/Text.d.ts

@@ -45,7 +45,7 @@ declare namespace TextProps {
 
 /** 文本
  * @classification base
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Textarea.d.ts

@@ -136,6 +136,12 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   controlled?: string
 
+  /** 使用原生键盘
+   * @default false
+   * @supported alipay
+   */
+  enableNative?: boolean
+
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
    */
@@ -218,7 +224,7 @@ declare namespace TextareaProps {
 
 /** 多行输入框。该组件是原生组件，使用时请注意相关限制
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Video.d.ts

@@ -282,6 +282,12 @@ interface VideoProps extends StandardProps {
    */
   mobilenetHintType?: string
 
+  /** 使用原生
+   * @default true
+   * @supported alipay
+   */
+  enableNative?: boolean
+
   /** 浮窗设置。暂时不支持全局浮窗。
    * 可选值：
    *
@@ -637,7 +643,7 @@ declare namespace VideoProps {
 
 /** 视频。相关api：Taro.createVideoContext
  * @classification media
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/View.d.ts

@@ -142,7 +142,7 @@ interface ViewProps extends StandardProps {
 
 /** 视图容器
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/WebView.d.ts

@@ -49,7 +49,7 @@ declare namespace WebViewProps {
 
 /** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
  * @classification open
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/index.vue3.d.ts

@@ -282,7 +282,8 @@ declare global {
 
       'custom-wrapper': ElementAttrs<TransformReact2VueType<CustomWrapperProps>>
       'taro-custom-wrapper-core': ElementAttrs<TransformReact2VueType<CustomWrapperProps>>
-      'slot': ElementAttrs<TransformReact2VueType<SlotProps>>
+      /** 为了不与vue3模板默认的slot冲突，增加 Record<string, any> */
+      'slot': ElementAttrs<TransformReact2VueType<SlotProps>> & Record<string, any>
       'taro-slot-core': ElementAttrs<TransformReact2VueType<SlotProps>>
     }
   }