@tarojs/components 3.7.0-alpha.1 → 3.7.0-alpha.11

package/types/Form.d.ts

@@ -31,6 +31,17 @@ interface FormProps extends StandardProps {
    * @supported swan
    */
   subscribeId?: string
+  /** 用于分发目的。取值：0 或 1，其中 0 表示默认，1 表示留资目标，需要和留资分发配置一起使用，详情见留资分发配置
+   * @supported tt
+   * @default 0
+   */
+  conversionTarget?: number
+  /** 用于分发目的。开发者在【小程序开发者后台 -> 进入目标小程序 -> 运营 -> 流量配置 -> 抖音 -> 留资分发配置】复制创建的配置 ID，需要和留资分发配置一起使用，详情见留资分发配置
+   *
+   * @supported tt
+   * @default ""
+   */
+  clueComponentId?: string
   /** 携带 form 中的数据触发 submit 事件
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */

package/types/Image.d.ts

@@ -60,6 +60,11 @@ interface ImageProps extends StandardProps {
    * @supported qq
    */
   ariaLabel?: string
+  /** 是否渐显
+   * @supported weapp
+   * @default false
+   */
+  fadeIn?: boolean
   /** 当错误发生时，发布到 AppService 的事件名，事件对象
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */

package/types/Input.d.ts

@@ -160,6 +160,11 @@ interface InputProps extends StandardProps, FormItemProps {
    * @supported qq
    */
   ariaLabel?: string
+  /** 用于分发目的。取值：0 和 1，其中 0 表示默认，1 表示手机号，需要和留资分发配置一起使用，详情见留资分发配置。
+   * @supported tt
+   * @default 0
+   */
+  clueType?: number
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -177,7 +182,7 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>
   /** 键盘高度发生变化的时候触发此事件
-   * @supported weapp, qq
+   * @supported weapp, tt, qq
    */
   onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
   /** 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效，event.detail = { pass, timeout }

package/types/LivePlayer.d.ts

@@ -85,6 +85,11 @@ interface LivePlayerProps extends StandardProps {
    * @default false
    */
   enableAutoRotation?: boolean
+  /** 是否支持投屏。开启后，可以通过 LivePlayerContext 上相关方法进行操作。
+   * @supported weapp
+   * @default false
+   */
+  enableCasting?: boolean
   /** 播放状态变化事件，detail = {code}
    * @supported weapp, swan, tt, qq, jd
    */
@@ -117,6 +122,18 @@ interface LivePlayerProps extends StandardProps {
    * @supported qq
    */
   onMetaDataChange?: CommonEventFunction
+  /** 用户选择投屏设备时触发 detail = { state: "success"/"fail" }
+   * @supported weapp
+   */
+  onCastingUserSelect?: CommonEventFunction
+  /** 投屏成功/失败时触发 detail = { type, state: "success"/"fail" }
+   * @supported weapp
+   */
+  onCastingStateChange?: CommonEventFunction
+  /** 投屏被中断时触发
+   * @supported weapp
+   */
+  onCastingInterrupt?: CommonEventFunction
 }
 declare namespace LivePlayerProps {
   /** mode 的合法值 */

package/types/LivePusher.d.ts

@@ -189,6 +189,16 @@ interface LivePusherProps extends StandardProps {
    * @default 0
    */
   eyeBigness?: number
+  /** 0：关闭变声；1：熊孩子；2：萝莉；3：大叔；4：重金属；6：外国人；7：困兽；8：死肥仔；9：强电流；10：重机械；11：空灵
+   * @supported weapp
+   * @default 0
+   */
+  voiceChangerType?: number
+  /** 帧率，有效值为 1~30
+   * @supported weapp
+   * @default 15
+   */
+  fps?: number
   /** 状态变化事件，detail = {code}
    * @supported weapp, qq
    */

package/types/Picker.d.ts

@@ -35,6 +35,10 @@ declare namespace PickerStandardProps {
     /** 省市区选择器 */
     region
   }
+  interface PickerText {
+    okText?: string
+    cancelText?: string
+  }
 }
 /** 普通选择器：mode = selector */
 interface PickerSelectorProps extends PickerStandardProps {
@@ -74,6 +78,11 @@ interface PickerSelectorProps extends PickerStandardProps {
    * @supported weapp, h5, rn
    */
   onChange: CommonEventFunction<PickerSelectorProps.ChangeEventDetail>
+  /**
+   * 用于替换组件内部文本
+   * @supported h5
+   */
+  textProps?: PickerStandardProps.PickerText
 }
 declare namespace PickerSelectorProps {
   interface ChangeEventDetail {

package/types/Progress.d.ts

@@ -54,7 +54,7 @@ interface ProgressProps extends StandardProps {
   activeMode?: 'backwards' | 'forwards'
   /** 进度增加 1% 所需毫秒数
    * @default 30
-   * @supported weapp, swan, jd, h5
+   * @supported weapp, swan, tt, jd, h5
    */
   duration?: number
   /** 无障碍访问，（属性）元素的额外描述
@@ -62,7 +62,7 @@ interface ProgressProps extends StandardProps {
    */
   ariaLabel?: string
   /** 动画完成事件
-   * @supported weapp, qq, jd, h5
+   * @supported weapp, tt, qq, jd, h5
    */
   onActiveEnd?: CommonEventFunction
 }

package/types/RichText.d.ts

@@ -3,18 +3,20 @@ import { CommonEventFunction, StandardProps } from './common'
 interface RichTextProps extends StandardProps {
   /** 文本是否可选，该属性会使节点显示为 block
    * @default false
-   * @supported weapp
+   * @supported weapp, h5
    */
   userSelect?: boolean
-  /** 节点列表/ HTML String */
+  /** 节点列表/ HTML String
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony
+   */
   nodes?: Nodes
   /** 显示连续空格
-   * @supported weapp, alipay, qq, rn
+   * @supported weapp, alipay, tt, qq, h5, rn
    */
   space?: keyof RichTextProps.TSpace
   /** 富文本是否可以长按选中，可用于复制，粘贴，长按搜索等场景
    * @default false（基础库 3.150.1 以前版本）true（基础库 3.150.1 及以后版本）
-   * @supported swan
+   * @supported swan, h5
    */
   selectable?: string
   /** 阻止长按图片时弹起默认菜单（将该属性设置为image-menu-prevent或image-menu-prevent="true"），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性

package/types/ScrollView.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react'
-import { StandardProps, CommonEventFunction, BaseEventOrigFunction } from './common'
+import { BaseEventOrigFunction, CommonEventFunction, StandardProps } from './common'
 interface ScrollViewProps extends StandardProps {
   /** 允许横向滚动
    * @default false
@@ -46,7 +46,7 @@ interface ScrollViewProps extends StandardProps {
    */
   enableBackToTop?: boolean
   /** 启用 flexbox 布局。开启后，当前节点声明了 `display: flex` 就会成为 flex container，并作用于其孩子节点。
-   * @supported weapp
+   * @supported weapp, jd
    * @default false
    */
   enableFlex?: boolean
@@ -81,12 +81,12 @@ interface ScrollViewProps extends StandardProps {
    */
   refresherTriggered?: boolean
   /** 启用 scroll-view 增强特性
-   * @supported weapp
+   * @supported weapp, swan
    * @default false
    */
   enhanced?: boolean
   /** iOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)
-   * @supported weapp
+   * @supported weapp, swan
    * @default true
    */
   bounces?: boolean
@@ -157,7 +157,7 @@ interface ScrollViewProps extends StandardProps {
    * center - 目标节点显示在视口中间
    * end - 目标节点显示在视口结束处
    * nearest - 目标节点在就近的视口边缘显示，若节点已在视口内则不触发滚动
-   * @supported weapp
+   * @supported weapp, h5
    * @default 'start'
    */
   scrollIntoViewAlignment?: 'start' | 'center' | 'end' | 'nearest'
@@ -176,11 +176,11 @@ interface ScrollViewProps extends StandardProps {
   /** 滚动开始事件
    * @supported weapp
    */
-  onScrollStart?:BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
+  onScrollStart?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
   /** 滚动结束事件
    * @supported weapp
    */
-  onScrollEnd?:BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
+  onScrollEnd?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
   /** 自定义下拉刷新控件被下拉
    * @supported weapp
    */

package/types/ShareElement.d.ts

@@ -3,8 +3,13 @@ import { StandardProps, CommonEventFunction } from './common'
 interface ShareElementProps extends StandardProps {
   /** 映射标记
    * @supported weapp
+   * @deprecated 使用mapkey替换key
    */
   key?: string
+  /** 映射标记
+   * @supported weapp
+   */
+  mapkey?: string
   /** 映射标记
    * @supported alipay
    */
@@ -24,6 +29,40 @@ interface ShareElementProps extends StandardProps {
    * @supported weapp, alipay
    */
   easingFunction?: string
+  /** 手势返回时是否进行动画
+   * @supported weapp
+   * @default false
+   */
+  transitionOnGesture?: boolean
+  /** 指定 push 阶段的飞跃物
+   * @supported weapp
+   * @default "to"
+   */
+  shuttleOnPush?: 'from' | 'to' | 'from' | 'to'
+  /** 指定 pop 阶段的飞跃物
+   * @supported weapp
+   * @default "to"
+   */
+  shuttleOnPop?: string
+  /** 动画插值曲线
+   * @supported weapp
+   * @default "materialRectArc"
+   */
+  rectTweenType?:
+    | 'materialRectArc'
+    | 'materialRectCenterArc'
+    | 'linear'
+    | 'elasticIn'
+    | 'elasticOut'
+    | 'elasticInOut'
+    | 'bounceIn'
+    | 'bounceOut'
+    | 'bounceInOut'
+    | 'cubic-bezier(x1,'
+  /** 动画帧回调
+   * @supported weapp
+   */
+  onFrame?: string
 }
 /** 共享元素
  *

package/types/StickySection.d.ts

@@ -7,7 +7,6 @@ interface StickySectionProps extends StandardProps {
    */
   pushPinnedHeader?: boolean
 }
-
 /**
  * 吸顶布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点。仅 Skyline 支持。
  * @classification viewContainer

package/types/Swiper.d.ts

@@ -139,6 +139,16 @@ interface SwiperProps extends StandardProps {
    * @supported swan
    */
   disableTouchmove?: string
+  /** 改变 current 时使用动画过渡
+   * @supported weapp
+   * @default true
+   */
+  scrollWithAnimation?: boolean
+  /** 缓存区域大小，值为 1 表示提前渲染上下各一屏区域（swiper 容器大小）
+   * @supported weapp
+   * @default 0
+   */
+  cacheExtent?: number
   /** current 改变时会触发 change 事件
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */

package/types/Text.d.ts

@@ -8,22 +8,27 @@ interface TextProps extends StandardProps {
   selectable?: boolean
   /** 文本是否可选，该属性会使文本节点显示为 inline-block
    * @default false
-   * @supported weapp
+   * @supported weapp, h5
    */
   userSelect?: boolean
   /** 显示连续空格
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, h5
    */
   space?: keyof TextProps.TSpace
   /** 是否解码
    * @default false
    * @supported weapp, alipay, tt, qq, jd
+   * @h5 默认解码，不支持设置
    */
   decode?: boolean
   /** 多行省略，值须大于等于 1，表现同 css 的 -webkit-line-clamp 属性一致。
    * @supported alipay
    */
-  numberOfLines?: string
+  numberOfLines?: number
+  /** 限制文本最大行数
+   * @supported weapp
+   */
+  maxLines?: number
 }
 declare namespace TextProps {
   /** space 的合法值 */

package/types/Textarea.d.ts

@@ -99,23 +99,30 @@ interface TextareaProps extends StandardProps, FormItemProps {
   /** 点击键盘右下角按钮时是否保持键盘不收起
    * @supported weapp, swan, tt
    */
-  confirmHold?: string
+  confirmHold?: boolean
   /** 组件名字，用于表单提交获取数据。
    * @supported alipay
    */
   name?: string
   /** 是否渲染字数统计功能（是否删除默认计数器/是否显示字数统计）。
+   * @default true
    * @supported alipay
    */
-  showCount?: string
+  showCount?: boolean
   /** 是否为受控组件。为 true 时，value 内容会完全受 setData 控制。
+   * @default false
    * @supported alipay
    */
-  controlled?: string
+  controlled?: boolean
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
    */
   ariaLabel?: string
+  /** 键盘对齐位置
+   * @supported weapp
+   * @default false
+   */
+  adjustKeyboardTo?: boolean
   /** 输入框聚焦时触发
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -139,7 +146,7 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
   /** 键盘高度发生变化的时候触发此事件
-   * @supported weapp
+   * @supported weapp, tt
    */
   onKeyboardHeightChange?: CommonEventFunction<TextareaProps.onKeyboardHeightChangeEventDetail>
 }

package/types/Video.d.ts

@@ -443,6 +443,18 @@ interface VideoProps extends StandardProps {
    * @supported tt
    */
   onAdLoad?: CommonEventFunction
+  /** 用户选择投屏设备时触发 detail = { state: "success"/"fail" }
+   * @supported weapp
+   */
+  onCastingUserSelect?: CommonEventFunction
+  /** 投屏成功/失败时触发 detail = { type, state: "success"/"fail" }
+   * @supported weapp
+   */
+  onCastingStateChange?: CommonEventFunction
+  /** 投屏被中断时触发
+   * @supported weapp
+   */
+  onCastingInterrupt?: CommonEventFunction
 }
 declare namespace VideoProps {
   /** direction 的合法值 */

package/types/View.d.ts

@@ -33,7 +33,7 @@ interface ViewProps extends StandardProps {
    * @supported alipay
    * @default false
    */
-  disableScroll?: string
+  disableScroll?: boolean
   /** 是否隐藏。
    * @supported alipay
    * @default false

package/types/index.vue3.d.ts

@@ -18,9 +18,9 @@ import { AdCustomProps } from './AdCustom'
 import { AudioProps } from './Audio'
 import { ButtonProps } from './Button'
 import { CameraProps } from './Camera'
+import { CanvasProps } from './Canvas'
 import { ChannelLiveProps } from './ChannelLive'
 import { ChannelVideoProps } from './ChannelVideo'
-import { CanvasProps } from './Canvas'
 import { CheckboxProps } from './Checkbox'
 import { CheckboxGroupProps } from './CheckboxGroup'
 import { StandardProps } from './common'
@@ -30,17 +30,20 @@ import { CustomWrapperProps } from './CustomWrapper'
 import { EditorProps } from './Editor'
 import { FormProps } from './Form'
 import { FunctionalPageNavigatorProps } from './FunctionalPageNavigator'
+import { GridViewProps } from './GridView'
 import { IconProps } from './Icon'
 import { ImageProps } from './Image'
 import { InputProps } from './Input'
 import { KeyboardAccessoryProps } from './KeyboardAccessory'
 import { LabelProps } from './Label'
+import { ListViewProps } from './ListView'
 import { LivePlayerProps } from './LivePlayer'
 import { LivePusherProps } from './LivePusher'
 import { MapProps } from './Map'
 import { MatchMediaProps } from './MatchMedia'
 import { MovableAreaProps } from './MovableArea'
 import { MovableViewProps } from './MovableView'
+import { NativeSlotProps } from './NativeSlot'
 import { NavigationBarProps } from './NavigationBar'
 import { NavigatorProps } from './Navigator'
 import { OfficialAccountProps } from './OfficialAccount'
@@ -52,14 +55,18 @@ import {
   PickerRegionProps, PickerSelectorProps, PickerTimeProps
 } from './Picker'
 import { PickerViewProps } from './PickerView'
+import { PickerViewColumnProps } from './PickerViewColumn'
 import { ProgressProps } from './Progress'
 import { RadioProps } from './Radio'
 import { RadioGroupProps } from './RadioGroup'
 import { RichTextProps } from './RichText'
+import { RootPortalProps } from './RootPortal'
 import { ScrollViewProps } from './ScrollView'
 import { ShareElementProps } from './ShareElement'
 import { SliderProps } from './Slider'
 import { SlotProps } from './Slot'
+import { StickyHeaderProps } from './StickyHeader'
+import { StickySectionProps } from './StickySection'
 import { SwiperProps } from './Swiper'
 import { SwiperItemProps } from './SwiperItem'
 import { SwitchProps } from './Switch'
@@ -69,16 +76,18 @@ import { VideoProps } from './Video'
 import { ViewProps } from './View'
 import { VoipRoomProps } from './VoipRoom'
 import { WebViewProps } from './WebView'
-import { RootPortalProps } from './RootPortal'
-import { PickerViewColumnProps } from './PickerViewColumn'
-import { NativeSlotProps } from './NativeSlot'
-import { GridViewProps } from './GridView'
-import { ListViewProps } from './ListView'
-import { StickyHeaderProps } from './StickyHeader'
-import { StickySectionProps } from './StickySection'
+
+/** 因为react的事件是CamelCase而vue得是Camelcase, 所以需要转换 */
+type OnCamelCaseToOnCamelcase<T extends string> = T extends `on${infer Rest}`
+  ? `on${Capitalize<Lowercase<Rest>>}`
+  : T;
+
+type TransformCamelCase<T extends Record<string, any>> = {
+  [key in keyof T as OnCamelCaseToOnCamelcase<key>]: T[key]
+}
 
 /** 联合类型不能用omit（比如picker） */
-type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? TransformCamelCase<Omit<T, K>> : never
 
 interface SlimProps {
   class?: any

package/virtual-list/index.js

@@ -1,4 +1,4 @@
 const VirtualList = require('@tarojs/components-advanced/dist/components/virtual-list/index.js')
 
-module.exports = VirtualList
-module.exports.default = VirtualList.default
+module.exports = VirtualList.default
+module.exports.default = module.exports