@tarojs/components 4.2.1-beta.1 → 4.2.1-beta.2

package/types/Video.d.ts

@@ -2,16 +2,16 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface VideoProps extends StandardProps {
   /** 要播放视频的资源地址
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   src: string
   /** 指定视频时长
-   * @supported weapp, alipay, qq, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, qq, h5, rn, harmony, harmony_hybrid, ascf
    */
   duration?: number
   /** 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   controls?: boolean
   /** 弹幕列表
@@ -30,21 +30,21 @@ interface VideoProps extends StandardProps {
   enableDanmu?: boolean
   /** 是否自动播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   autoplay?: boolean
   /** 是否循环播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   loop?: boolean
   /** 是否静音播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   muted?: boolean
   /** 指定视频初始播放位置
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   initialTime?: number
   /** 在非全屏模式下，是否开启亮度与音量调节手势
@@ -53,7 +53,7 @@ interface VideoProps extends StandardProps {
    */
   pageGesture?: boolean
   /** 设置全屏时视频的方向，不指定则根据宽高比自动判断。有效值为 0（正常竖向）, 90（屏幕逆时针90度）, -90（屏幕顺时针90度）
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, ascf
    */
   direction?: number
   /** 若不设置，宽度大于240时才会显示
@@ -63,12 +63,12 @@ interface VideoProps extends StandardProps {
   showProgress?: boolean
   /** 是否显示全屏按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
    */
   showFullscreenBtn?: boolean
   /** 是否显示视频底部控制栏的播放按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
    */
   showPlayBtn?: boolean
   /** 是否显示视频中间的播放按钮
@@ -78,25 +78,25 @@ interface VideoProps extends StandardProps {
   showCenterPlayBtn?: boolean
   /** 是否开启控制进度的手势
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
    */
   enableProgressGesture?: boolean
   /** 当视频大小与 video 容器大小不一致时，视频的表现形式
    * @default "contain"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid, ascf
    */
   objectFit?: keyof VideoProps.ObjectFit
   /** 视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   poster?: string
   /** 是否显示静音按钮
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
    */
   showMuteBtn?: boolean
   /** 视频的标题，全屏时在顶部展示
-   * @supported weapp, swan, qq
+   * @supported weapp, swan, qq, ascf
    */
   title?: string
   /** 播放按钮的位置
@@ -104,12 +104,12 @@ interface VideoProps extends StandardProps {
    * - `center`: 视频中间
    *
    * @default 'bottom'
-   * @supported weapp, tt, qq
+   * @supported weapp, tt, qq, ascf
    */
   playBtnPosition?: keyof VideoProps.PlayBtnPosition
   /** 是否开启播放手势，即双击切换播放/暂停
    * @default false
-   * @supported weapp, swan, tt, qq, h5, harmony_hybrid
+   * @supported weapp, swan, tt, qq, h5, harmony_hybrid, ascf
    */
   enablePlayGesture?: boolean
   /** 当跳转到其它小程序页面时，是否自动暂停本页面的视频
@@ -124,12 +124,12 @@ interface VideoProps extends StandardProps {
   autoPauseIfOpenNative?: boolean
   /** 在非全屏模式下，是否开启亮度与音量调节手势（同 `page-gesture`）
    * @default false
-   * @supported weapp, swan, tt, h5, harmony_hybrid
+   * @supported weapp, swan, tt, h5, harmony_hybrid, ascf
    */
   vslideGesture?: boolean
   /** 在全屏模式下，是否开启亮度与音量调节手势
    * @default true
-   * @supported weapp, swan, tt, h5, harmony_hybrid
+   * @supported weapp, swan, tt, h5, harmony_hybrid, ascf
    */
   vslideGestureInFullscreen?: boolean
   /** 视频前贴广告单元ID，更多详情可参考开放能力[视频前贴广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html)
@@ -141,7 +141,7 @@ interface VideoProps extends StandardProps {
    */
   posterForCrawler?: string
   /** 显示投屏按钮。只安卓且同层渲染下生效，支持 DLNA 协议
-   * @supported weapp
+   * @supported weapp, ascf
    */
   showCastingButton?: boolean
   /**
@@ -163,12 +163,12 @@ interface VideoProps extends StandardProps {
 
   /**
    * 是否开启手机横屏时自动全屏，当系统设置开启自动旋转时生效
-   * @supported weapp
+   * @supported weapp, ascf
    */
   enableAutoRotation?: boolean
   /**
    * 是否显示锁屏按钮，仅在全屏时显示，锁屏后控制栏的操作
-   * @supported weapp, tt
+   * @supported weapp, tt, ascf
    */
   showScreenLockButton?: boolean
   /**
@@ -298,41 +298,41 @@ interface VideoProps extends StandardProps {
    */
   definition?: string
   /** 当开始/继续播放时触发 play 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   onPlay?: CommonEventFunction
   /** 当暂停播放时触发 pause 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   onPause?: CommonEventFunction
   /** 当播放到末尾时触发 ended 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   onEnded?: CommonEventFunction
   /** 播放进度变化时触发, 触发频率 250ms 一次
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
    */
   onTimeUpdate?: CommonEventFunction<VideoProps.onTimeUpdateEventDetail>
   /** 当视频进入和退出全屏时触发
    *
-   * @supported alipay, h5, rn, harmony, harmony_hybrid
+   * @supported alipay, h5, rn, harmony, harmony_hybrid, ascf
    */
   onFullscreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
   /** 视频出现缓冲时触发
    *
-   * @supported weapp, swan, tt, qq, jd
+   * @supported weapp, swan, tt, qq, jd, ascf
    */
   onWaiting?: CommonEventFunction<VideoProps.onWaitingEventDetail>
   /** 视频播放出错时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   onError?: CommonEventFunction
   /** 加载进度变化时触发，只支持一段加载
-   * @supported weapp, tt, qq, h5, harmony, harmony_hybrid
+   * @supported weapp, tt, qq, h5, harmony, harmony_hybrid, ascf
    */
   onProgress?: CommonEventFunction<VideoProps.onProgressEventDetail>
   /** 视频元数据加载完成时触发
-   * @supported weapp, swan, tt, jd, rn, harmony
+   * @supported weapp, swan, tt, jd, rn, harmony, ascf
    */
   onLoadedMetaData?: CommonEventFunction<VideoProps.onLoadedMetaDataEventDetail>
   /**
@@ -347,7 +347,7 @@ interface VideoProps extends StandardProps {
   onLeavePictureInPicture?: CommonEventFunction
   /**
    * seek 完成时触发
-   * @supported weapp, tt
+   * @supported weapp, tt, ascf
    */
   onSeekComplete?: CommonEventFunction
   /** 视频进入和退出全屏时触发
@@ -355,7 +355,7 @@ interface VideoProps extends StandardProps {
    */
   onFullScreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
   /** 切换 controls 显示隐藏时触发。
-   * @supported weapp, swan
+   * @supported weapp, swan, ascf
    */
   onControlsToggle?: CommonEventFunction<VideoProps.onControlsToggleEventDetail>
   /** 视频出现缓冲时触发。
@@ -445,15 +445,15 @@ interface VideoProps extends StandardProps {
    */
   onAdLoad?: CommonEventFunction
   /** 用户选择投屏设备时触发 detail = { state: "success"/"fail" }
-   * @supported weapp
+   * @supported weapp, ascf
    */
   onCastingUserSelect?: CommonEventFunction
   /** 投屏成功/失败时触发 detail = { type, state: "success"/"fail" }
-   * @supported weapp
+   * @supported weapp, ascf
    */
   onCastingStateChange?: CommonEventFunction
   /** 投屏被中断时触发
-   * @supported weapp
+   * @supported weapp, ascf
    */
   onCastingInterrupt?: CommonEventFunction
 }
@@ -557,7 +557,7 @@ declare namespace VideoProps {
 }
 /** 视频。相关api：Taro.createVideoContext
  * @classification media
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/View.d.ts

@@ -4,7 +4,7 @@ import { CommonEventFunction, StandardProps } from './common'
 interface ViewProps extends StandardProps {
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default none
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    * @rn 由于 RN 不支持 hoverClass，故 RN 端的 View 组件实现了 `hoverStyle`属性，写法和 style 类似，只不过 `hoverStyle` 的样式是指定按下去的样式。
    */
   hoverClass?: string
@@ -15,17 +15,17 @@ interface ViewProps extends StandardProps {
   hoverStyle?: StyleProp<ViewStyle>
   /** 指定是否阻止本节点的祖先节点出现点击态
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
    */
   hoverStopPropagation?: boolean
   /** 按住后多久出现点击态，单位毫秒
    * @default 50
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   hoverStartTime?: number
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 400
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   hoverStayTime?: number
   /** 是否阻止区域内滚动页面。
@@ -117,7 +117,7 @@ interface ViewProps extends StandardProps {
 }
 /** 视图容器
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/WebView.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface WebViewProps extends StandardProps {
   /** webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
    */
   src: string
   /** webview 的进度条颜色
@@ -15,11 +15,11 @@ interface WebViewProps extends StandardProps {
    */
   type?: string
   /** 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
    */
   onMessage?: CommonEventFunction<WebViewProps.onMessageEventDetail>
   /** 网页加载成功时候触发此事件。e.detail = { src }
-   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid, ascf
    */
   onLoad?: CommonEventFunction<WebViewProps.onLoadEventDetail>
   /** 网页加载失败的时候触发此事件。e.detail = { src }
@@ -43,7 +43,7 @@ declare namespace WebViewProps {
 }
 /** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
  * @classification open
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
  * @example_react
  * ```tsx
  * class App extends Component {

package/dist/taro-components/p-acf31ef0.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,H as e}from"./p-f72fcd8c.js";import{c as a}from"./p-160d710a.js";const s=class{constructor(o){t(this,o),this.onLoad=i(this,"load",7),this.onError=i(this,"error",7),this.src=void 0,this.mode="scaleToFill",this.lazyLoad=!1,this.nativeProps={},this.disableDefaultSize=!1,this.aspectFillMode="width",this.didLoad=!1}componentDidLoad(){if(!this.lazyLoad||!this.imgRef)return;const t=new IntersectionObserver((i=>{i[i.length-1].isIntersecting&&(this.imgRef&&t.unobserve(this.imgRef),this.didLoad=!0)}),{rootMargin:"300px 0px"});t.observe(this.imgRef)}imageOnLoad(){if(!this.imgRef)return;const{width:t,height:i,naturalWidth:o,naturalHeight:e}=this.imgRef;this.onLoad.emit({width:t,height:i}),this.aspectFillMode=o>e?"width":"height"}imageOnError(t){this.onError.emit(t)}render(){const{src:t,lazyLoad:i=!1,aspectFillMode:s="width",imageOnLoad:r,imageOnError:h,nativeProps:m,didLoad:l}=this,d=this.mode||"scaleToFill",n=a({"taro-img__widthfix":"widthFix"===d,"taro-img__disable-default-size":this.disableDefaultSize}),g=a(`taro-img__mode-${d.toLowerCase().replace(/\s/g,"")}`,{[`taro-img__mode-aspectfill--${s}`]:"aspectFill"===d});return o(e,{class:n},t?o("img",Object.assign({ref:t=>this.imgRef=t,class:g,src:i&&!l?void 0:t,onLoad:r.bind(this),onError:h.bind(this)},m)):"")}};s.style='img[src=""]{opacity:0}:where(taro-image-core){width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}:where(taro-image-core.taro-img__disable-default-size){width:auto;height:auto}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}';export{s as I}

package/dist/taro-components/p-eeec4f43.entry.js

@@ -1 +0,0 @@
-export{I as taro_image_core}from"./p-acf31ef0.js";import"./p-f72fcd8c.js";import"./p-160d710a.js";