@tarojs/components 3.5.8 → 3.5.10

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>>
     }
   }

package/dist/taro-components/p-5a2305e7.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i,g as h}from"./p-059912fd.js";import{c as o}from"./p-76724e58.js";let r=class{constructor(e){t(this,e),this.onLongPress=s(this,"longpress",7),this.hoverStartTime=50,this.hoverStayTime=400,this.hover=!1,this.touch=!1,this.startTime=0}onTouchStart(){this.hoverClass&&(this.touch=!0,setTimeout((()=>{this.touch&&(this.hover=!0)}),this.hoverStartTime)),this.timeoutEvent=setTimeout((()=>{this.onLongPress.emit()}),350),this.startTime=Date.now()}onTouchMove(){clearTimeout(this.timeoutEvent)}onTouchEnd(){Date.now()-this.startTime<350&&clearTimeout(this.timeoutEvent),this.hoverClass&&(this.touch=!1,setTimeout((()=>{this.touch||(this.hover=!1)}),this.hoverStayTime))}componentDidRender(){this.el.childNodes.forEach((t=>{t.nodeType===document.COMMENT_NODE&&t["s-cn"]&&(t["s-cn"]=!1)}))}render(){const t=o({[`${this.hoverClass}`]:this.hover});let s={};return this.animation&&(s.animation=this.animation,s["data-animation"]=this.animation),e(i,Object.assign({class:t},s),e("slot",null))}get el(){return h(this)}};r.style="body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";export{r as taro_view_core}