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

package/types/Map.d.ts

@@ -155,6 +155,65 @@ interface MapProps extends StandardProps {
         [key: string]: number | string | any
       }
 
+  /** 视野在地图 padding 范围内展示
+   * @supported alipay
+   */
+  includePadding?: { [key in 'left' | 'right' | 'top' | 'bottom']: number | string }
+
+  /** 覆盖物，自定义贴图
+   * @supported alipay
+   */
+  groundOverlays?: any[]
+
+  /** 覆盖物，网格贴图
+   * @supported alipay
+   */
+  tileOverlay?: any[]
+
+  /** 是否展示 POI 点
+   * @supported weapp, alipay, tt
+   */
+  enablePoi?: string
+
+  /** 是否展示建筑物
+   * @supported weapp, alipay, tt
+   */
+  enableBuilding?: string
+
+  /** 覆盖物，多边形。
+   * @supported alipay
+   */
+  polygon?: string
+
+  /** 设置地图样式。
+   *
+   * default：默认样式
+   * light：精简样式
+   * @supported alipay
+   */
+  customMapStyle?: string
+
+  /** 基于 map 高级定制渲染，设置覆盖在地图上的 view。
+   * @supported alipay
+   */
+  panels?: string
+
+  /** 否
+   * @supported jd
+   */
+  theme?: string
+
+  /** 内联样式。
+   * @supported alipay
+   */
+  optimize?: string
+
+  /** 展示3D楼块
+   * @supported weapp, swan, tt, qq
+   * @default false
+   */
+  enable3D?: string
+
   /** 点击地图时触发
    * @supported weapp, alipay, swan, tt, qq, jd
    */
@@ -195,31 +254,6 @@ interface MapProps extends StandardProps {
    */
   onPoiTap?: CommonEventFunction<MapProps.onPoiTapEventDetail>
 
-  /** 视野在地图 padding 范围内展示
-   * @supported alipay
-   */
-  includePadding?: { [key in 'left' | 'right' | 'top' | 'bottom']: number | string }
-
-  /** 覆盖物，自定义贴图
-   * @supported alipay
-   */
-  groundOverlays?: any[]
-
-  /** 覆盖物，网格贴图
-   * @supported alipay
-   */
-  tileOverlay?: any[]
-
-  /** 是否展示 POI 点
-   * @supported weapp, alipay, tt
-   */
-  enablePoi?: string
-
-  /** 是否展示建筑物
-   * @supported weapp, alipay, tt
-   */
-  enableBuilding?: string
-
   /** 点击标记点对应的气泡时触发e.detail = {markerId}
    * @supported weapp, swan, tt, jd
    */
@@ -230,24 +264,6 @@ interface MapProps extends StandardProps {
    */
   onAnchorPointTap?: CommonEventFunction
 
-  /** 覆盖物，多边形。
-   * @supported alipay
-   */
-  polygon?: string
-
-  /** 设置地图样式。
-   *
-   * default：默认样式
-   * light：精简样式
-   * @supported alipay
-   */
-  customMapStyle?: string
-
-  /** 基于 map 高级定制渲染，设置覆盖在地图上的 view。
-   * @supported alipay
-   */
-  panels?: string
-
   /** 点击 panel 时触发。
    * @supported alipay
    */
@@ -260,22 +276,6 @@ interface MapProps extends StandardProps {
    * @supported alipay
    */
   onInitComplete?: CommonEventFunction
-
-  /** 否
-   * @supported jd
-   */
-  theme?: string
-
-  /** 展示3D楼块
-   * @supported weapp, swan, tt, qq
-   * @default false
-   */
-  enable3D?: string
-
-  /** 内联样式。
-   * @supported alipay
-   */
-  optimize?: string
 }
 declare namespace MapProps {
   /** 标记点用于在地图上显示标记的位置 */

package/types/Navigator.d.ts

@@ -67,6 +67,16 @@ interface NavigatorProps extends StandardProps {
    */
   hoverStayTime?: number
 
+  /** 当target="miniProgram"时有效，当传递该参数后，可以不传 app-id 和 path。链接可以通过【小程序菜单】->【复制链接】获取。
+   * @supported weapp
+   */
+  shortLink?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
   /** 当 `target="miniProgram"` 时有效，跳转小程序成功
    * @supported weapp, swan, qq
    */
@@ -81,16 +91,6 @@ interface NavigatorProps extends StandardProps {
    * @supported weapp, swan, qq
    */
   onComplete?: CommonEventFunction
-
-  /** 当target="miniProgram"时有效，当传递该参数后，可以不传 app-id 和 path。链接可以通过【小程序菜单】->【复制链接】获取。
-   * @supported weapp
-   */
-  shortLink?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
 }
 declare namespace NavigatorProps {
   /** target 的合法值 */

package/types/OpenData.d.ts

@@ -27,11 +27,6 @@ interface OpenDataProps extends StandardProps {
    */
   defaultAvatar?: string
 
-  /** 群名称或用户信息为空时触发
-   * @supported weapp, tt, qq
-   */
-  onError?: CommonEventFunction
-
   /** 当数据为空且未设置默认值时，是否显示官方默认值
    * @supported tt
    */
@@ -51,6 +46,11 @@ interface OpenDataProps extends StandardProps {
    * @supported qq
    */
   componentData?: string
+
+  /** 群名称或用户信息为空时触发
+   * @supported weapp, tt, qq
+   */
+  onError?: CommonEventFunction
 }
 declare namespace OpenDataProps {
   /** type 的合法值 */

package/types/PageContainer.d.ts

@@ -47,6 +47,12 @@ interface PageContainerProps extends StandardProps {
    */
   customStyle?: string
 
+  /** 是否在下滑一段距离后关闭
+   * @supported weapp
+   * @default false
+   */
+  closeOnSlideDown?: string
+
   /** 进入前触发
    * @supported weapp, rn
    */
@@ -81,12 +87,6 @@ interface PageContainerProps extends StandardProps {
    * @supported weapp
    */
   onClickOverlay?: CommonEventFunction
-
-  /** 是否在下滑一段距离后关闭
-   * @supported weapp
-   * @default false
-   */
-  closeOnSlideDown?: string
 }
 declare namespace PageContainerProps {
   /** 弹出位置 */

package/types/PageMeta.d.ts

@@ -45,35 +45,35 @@ interface PageMetaProps extends StandardProps {
    */
   rootFontSize?: string
 
-  /** 页面尺寸变化时会触发 resize 事件
-   * @supported weapp
+  /** 页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域
+   * @supported weapp, alipay
    */
-  onResize?: CommonEventFunction<PageMetaProps.onResizeEventDetail>
+  rootBackgroundColor?: string
 
-  /** 页面滚动时会触发 scroll 事件
+  /** 页面 page 的字体大小，可以设置为 system ，表示使用当前用户设置的微信字体大小
    * @supported weapp, alipay
    */
-  onScroll?: CommonEventFunction<PageMetaProps.onScrollEventDetail>
+  pageFontSize?: string
 
-  /** 如果通过改变 scroll-top 属性来使页面滚动，页面滚动结束后会触发 scrolldone 事件
+  /** 页面的方向，可为 auto portrait 或 landscape
    * @supported weapp
    */
-  onScrollDone?: CommonEventFunction
+  pageOrientation?: string
 
-  /** 页面内容的背景色，用于页面中的空白部分和页面大小变化 resize 动画期间的临时空闲区域
-   * @supported weapp, alipay
+  /** 页面尺寸变化时会触发 resize 事件
+   * @supported weapp
    */
-  rootBackgroundColor?: string
+  onResize?: CommonEventFunction<PageMetaProps.onResizeEventDetail>
 
-  /** 页面 page 的字体大小，可以设置为 system ，表示使用当前用户设置的微信字体大小
+  /** 页面滚动时会触发 scroll 事件
    * @supported weapp, alipay
    */
-  pageFontSize?: string
+  onScroll?: CommonEventFunction<PageMetaProps.onScrollEventDetail>
 
-  /** 页面的方向，可为 auto portrait 或 landscape
+  /** 如果通过改变 scroll-top 属性来使页面滚动，页面滚动结束后会触发 scrolldone 事件
    * @supported weapp
    */
-  pageOrientation?: string
+  onScrollDone?: CommonEventFunction
 }
 declare namespace PageMetaProps {
   interface onResizeEventDetail {

package/types/PickerView.d.ts

@@ -32,6 +32,16 @@ interface PickerViewProps extends StandardProps {
    */
   immediateChange?: boolean
 
+  /** 选择器标题，建议标题控制在 12 个中文汉字长度内，避免出现截断现象, 截断部分将以 ... 形式展示
+   * @supported swan
+   */
+  title?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
   /** 当滚动选择，value 改变时触发 change 事件，event.detail = {value: value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始）
    * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
@@ -46,16 +56,6 @@ interface PickerViewProps extends StandardProps {
    * @supported weapp, alipay, tt, qq
    */
   onPickEnd?: CommonEventFunction
-
-  /** 选择器标题，建议标题控制在 12 个中文汉字长度内，避免出现截断现象, 截断部分将以 ... 形式展示
-   * @supported swan
-   */
-  title?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
 }
 declare namespace PickerViewProps {
   interface onChangeEventDetail {

package/types/Progress.d.ts

@@ -68,15 +68,15 @@ interface ProgressProps extends StandardProps {
    */
   duration?: number
 
-  /** 动画完成事件
-   * @supported weapp, qq, jd, h5
-   */
-  onActiveEnd?: CommonEventFunction
-
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 动画完成事件
+   * @supported weapp, qq, jd, h5
+   */
+  onActiveEnd?: CommonEventFunction
 }
 
 /** 进度条。组件属性的长度单位默认为 px

package/types/RadioGroup.d.ts

@@ -1,15 +1,15 @@
 import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface RadioGroupProps extends StandardProps, FormItemProps {
-  /** RadioGroup 中选中项发生改变时触发 change 事件，detail = {value:[选中的radio的value的数组]}
-   * @supported weapp, alipay, swan, tt, qq, h5
-   */
-  onChange?: CommonEventFunction
-
   /** 组件名字，用于表单提交获取数据。
    * @supported alipay, tt
    */
   name?: string
+
+  /** RadioGroup 中选中项发生改变时触发 change 事件，detail = {value:[选中的radio的value的数组]}
+   * @supported weapp, alipay, swan, tt, qq, h5
+   */
+  onChange?: CommonEventFunction
 }
 declare namespace RadioGroupProps {
   interface onChangeEventDetail {

package/types/RichText.d.ts

@@ -15,6 +15,23 @@ interface RichTextProps extends StandardProps {
    */
   space?: keyof RichTextProps.TSpace
 
+  /** 富文本是否可以长按选中，可用于复制，粘贴，长按搜索等场景
+   * @default false（基础库 3.150.1 以前版本）true（基础库 3.150.1 及以后版本）
+   * @supported swan
+   */
+  selectable?: string
+
+  /** 阻止长按图片时弹起默认菜单（将该属性设置为image-menu-prevent或image-menu-prevent="true"），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性
+   * @default false
+   * @supported swan
+   */
+  imageMenuPrevent?: string
+
+  /** 富文本中的图片是否可点击预览。在不设置的情况下，若 rich-text 未监听点击事件，则默认开启。未显示设置 preview 时会进行点击默认预览判断，建议显示设置 preview
+   * @supported swan
+   */
+  preview?: string
+
   /** 触摸。
    * @supported alipay
    */
@@ -44,23 +61,6 @@ interface RichTextProps extends StandardProps {
    * @supported alipay
    */
   onLongtap?: CommonEventFunction
-
-  /** 富文本是否可以长按选中，可用于复制，粘贴，长按搜索等场景
-   * @default false（基础库 3.150.1 以前版本）true（基础库 3.150.1 及以后版本）
-   * @supported swan
-   */
-  selectable?: string
-
-  /** 阻止长按图片时弹起默认菜单（将该属性设置为image-menu-prevent或image-menu-prevent="true"），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性
-   * @default false
-   * @supported swan
-   */
-  imageMenuPrevent?: string
-
-  /** 富文本中的图片是否可点击预览。在不设置的情况下，若 rich-text 未监听点击事件，则默认开启。未显示设置 preview 时会进行点击默认预览判断，建议显示设置 preview
-   * @supported swan
-   */
-  preview?: string
 }
 
 /** 节点类型

package/types/ScrollView.d.ts

@@ -126,6 +126,38 @@ interface ScrollViewProps extends StandardProps {
    */
   fastDeceleration?: boolean
 
+  /** 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
+   * @supported alipay
+   */
+  scrollAnimationDuration?: string
+
+  /** 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
+   * @supported alipay
+   * @default false
+   */
+  trapScroll?: string
+
+  /** 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
+   * @supported alipay
+   */
+  disableLowerScroll?: string
+
+  /** 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
+   * @supported alipay
+   */
+  disableUpperScroll?: string
+
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+
+  /** 开启 passive 特性，能优化一定的滚动性能
+   * @supported weapp
+   * @default false
+   */
+  enablePassive?: string
+
   /** 滚动到顶部/左边，会触发 scrolltoupper 事件
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -176,17 +208,6 @@ interface ScrollViewProps extends StandardProps {
    */
   onDragEnd?: CommonEventFunction<ScrollViewProps.onDragDetail>
 
-  /** 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
-   * @supported alipay
-   */
-  scrollAnimationDuration?: string
-
-  /** 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
-   * @supported alipay
-   * @default false
-   */
-  trapScroll?: string
-
   /** 触摸动作开始。
    * @supported alipay
    */
@@ -206,27 +227,6 @@ interface ScrollViewProps extends StandardProps {
    * @supported alipay
    */
   onTouchCancel?: CommonEventFunction
-
-  /** 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
-   * @supported alipay
-   */
-  disableLowerScroll?: string
-
-  /** 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
-   * @supported alipay
-   */
-  disableUpperScroll?: string
-
-  /** 无障碍访问，（属性）元素的额外描述
-   * @supported qq
-   */
-  ariaLabel?: string
-
-  /** 开启 passive 特性，能优化一定的滚动性能
-   * @supported weapp
-   * @default false
-   */
-  enablePassive?: string
 }
 declare namespace ScrollViewProps {
   interface onScrollDetail {
@@ -244,7 +244,6 @@ declare namespace ScrollViewProps {
     deltaX: number
     deltaY: number
   }
-
   interface onDragDetail {
     /** 横向滚动条位置 */
     scrollLeft: number

package/types/Slider.d.ts

@@ -73,16 +73,6 @@ interface SliderProps extends StandardProps, FormItemProps {
    */
   showValue?: boolean
 
-  /** 完成一次拖动后触发的事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onChange?: CommonEventFunction<SliderProps.onChangeEventDetail>
-
-  /** 拖动过程中触发的事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onChanging?: CommonEventFunction<SliderProps.onChangeEventDetail>
-
   /** 组件名字，用于表单提交获取数据。
    * @supported alipay
    */
@@ -109,6 +99,16 @@ interface SliderProps extends StandardProps, FormItemProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 完成一次拖动后触发的事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onChange?: CommonEventFunction<SliderProps.onChangeEventDetail>
+
+  /** 拖动过程中触发的事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onChanging?: CommonEventFunction<SliderProps.onChangeEventDetail>
 }
 declare namespace SliderProps {
   interface onChangeEventDetail {

package/types/Swiper.d.ts

@@ -97,21 +97,6 @@ interface SwiperProps extends StandardProps {
    */
   easingFunction?: keyof SwiperProps.TEasingFunction
 
-  /** current 改变时会触发 change 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
-   */
-  onChange?: CommonEventFunction<SwiperProps.onChangeEventDetail>
-
-  /** swiper-item 的位置发生改变时会触发 transition 事件
-   * @supported weapp, alipay, tt, qq, jd
-   */
-  onTransition?: CommonEventFunction<SwiperProps.onTransitionEventDetail>
-
-  /** 动画结束时会触发 animationfinish 事件
-   * @supported weapp, swan, tt, qq, jd, h5, rn
-   */
-  onAnimationFinish?: SwiperProps['onChange']
-
   /** 是否禁止用户 touch 操作
    * @default false
    * @supported alipay
@@ -140,11 +125,6 @@ interface SwiperProps extends StandardProps {
    */
   disableProgrammaticAnimation?: string
 
-  /** 动画结束时会触发 animationEnd 事件
-   * @supported alipay
-   */
-  onAnimationEnd?: CommonEventFunction<SwiperProps.onCommonEventDetail>
-
   /** 滑动距离阈值，当滑动距离超过阈值时进行 swiper-item 切换。
    * @supported alipay
    */
@@ -175,6 +155,26 @@ interface SwiperProps extends StandardProps {
    * @supported swan
    */
   disableTouchmove?: string
+
+  /** current 改变时会触发 change 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   */
+  onChange?: CommonEventFunction<SwiperProps.onChangeEventDetail>
+
+  /** swiper-item 的位置发生改变时会触发 transition 事件
+   * @supported weapp, alipay, tt, qq, jd
+   */
+  onTransition?: CommonEventFunction<SwiperProps.onTransitionEventDetail>
+
+  /** 动画结束时会触发 animationfinish 事件
+   * @supported weapp, swan, tt, qq, jd, h5, rn
+   */
+  onAnimationFinish?: SwiperProps['onChange']
+
+  /** 动画结束时会触发 animationEnd 事件
+   * @supported alipay
+   */
+  onAnimationEnd?: CommonEventFunction<SwiperProps.onCommonEventDetail>
 }
 declare namespace SwiperProps {
   /** 导致变更的原因 */

package/types/Switch.d.ts

@@ -25,11 +25,6 @@ interface SwitchProps extends StandardProps, FormItemProps {
    */
   color?: string
 
-  /** checked 改变时触发 change 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, rn
-   */
-  onChange?: CommonEventFunction<SwitchProps.onChangeEventDetail>
-
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
    * @supported h5
    */
@@ -50,6 +45,11 @@ interface SwitchProps extends StandardProps, FormItemProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** checked 改变时触发 change 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   */
+  onChange?: CommonEventFunction<SwitchProps.onChangeEventDetail>
 }
 declare namespace SwitchProps {
   interface onChangeEventDetail {

package/types/Textarea.d.ts

@@ -106,38 +106,6 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   disableDefaultPadding?: boolean
 
-  /** 输入框聚焦时触发
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
-   */
-  onFocus?: CommonEventFunction<TextareaProps.onFocusEventDetail>
-
-  /** 输入框失去焦点时触发
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
-   */
-  onBlur?: CommonEventFunction<TextareaProps.onBlurEventDetail>
-
-  /** 输入框行数变化时调用
-   * @supported weapp, swan, tt, qq, rn
-   */
-  onLineChange?: CommonEventFunction<TextareaProps.onLineChangeEventDetail>
-
-  /** 当键盘输入时，触发 input 事件
-   *
-   * **onInput 处理函数的返回值并不会反映到 textarea 上**
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
-   */
-  onInput?: CommonEventFunction<TextareaProps.onInputEventDetail>
-
-  /** 点击完成时， 触发 confirm 事件
-   * @supported weapp, alipay, swan, tt, qq, rn
-   */
-  onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
-
-  /** 键盘高度发生变化的时候触发此事件
-   * @supported weapp
-   */
-  onKeyboardHeightChange?: CommonEventFunction<TextareaProps.onKeyboardHeightChangeEventDetail>
-
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
    * @supported h5
    */
@@ -172,6 +140,38 @@ interface TextareaProps extends StandardProps, FormItemProps {
    * @supported qq
    */
   ariaLabel?: string
+
+  /** 输入框聚焦时触发
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   */
+  onFocus?: CommonEventFunction<TextareaProps.onFocusEventDetail>
+
+  /** 输入框失去焦点时触发
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   */
+  onBlur?: CommonEventFunction<TextareaProps.onBlurEventDetail>
+
+  /** 输入框行数变化时调用
+   * @supported weapp, swan, tt, qq, rn
+   */
+  onLineChange?: CommonEventFunction<TextareaProps.onLineChangeEventDetail>
+
+  /** 当键盘输入时，触发 input 事件
+   *
+   * **onInput 处理函数的返回值并不会反映到 textarea 上**
+   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   */
+  onInput?: CommonEventFunction<TextareaProps.onInputEventDetail>
+
+  /** 点击完成时， 触发 confirm 事件
+   * @supported weapp, alipay, swan, tt, qq, rn
+   */
+  onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
+
+  /** 键盘高度发生变化的时候触发此事件
+   * @supported weapp
+   */
+  onKeyboardHeightChange?: CommonEventFunction<TextareaProps.onKeyboardHeightChangeEventDetail>
 }
 declare namespace TextareaProps {
   interface onFocusEventDetail {