@tarojs/components 3.8.0-canary.0 → 4.0.0-alpha.2

package/types/Switch.d.ts

@@ -3,26 +3,31 @@ import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface SwitchProps extends StandardProps, FormItemProps {
   /** 是否选中
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   checked?: boolean
+  /** 设置在 React 非受控状态下，当前是否选中
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @unique
+   */
+  defaultChecked?: boolean
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony, harmony_hybrid
    */
   disabled?: boolean
   /** 样式，有效值：switch, checkbox
    * @default "switch"
-   * @supported weapp, swan, tt, qq, jd, h5, rn
+   * @supported weapp, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   type?: 'switch' | 'checkbox'
   /** switch 的颜色，同 css 的 color
    * @default "#04BE02"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   color?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 组件名字，用于表单提交获取数据。
@@ -39,7 +44,7 @@ interface SwitchProps extends StandardProps, FormItemProps {
    */
   ariaLabel?: string
   /** checked 改变时触发 change 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onChange?: CommonEventFunction<SwitchProps.onChangeEventDetail>
 }
@@ -84,7 +89,7 @@ declare namespace SwitchProps {
  *   </view>
  * </template>
  * ```
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/switch.html
  */
 declare const Switch: ComponentType<SwitchProps>

package/types/Text.d.ts

@@ -3,16 +3,16 @@ import { StandardProps } from './common'
 interface TextProps extends StandardProps {
   /** 文本是否可选
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   selectable?: boolean
   /** 文本是否可选，该属性会使文本节点显示为 inline-block
    * @default false
-   * @supported weapp, h5
+   * @supported weapp, h5, harmony_hybrid
    */
   userSelect?: boolean
   /** 显示连续空格
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   space?: keyof TextProps.TSpace
   /** 是否解码
@@ -26,7 +26,7 @@ interface TextProps extends StandardProps {
    */
   numberOfLines?: number
   /** 限制文本最大行数
-   * @supported weapp
+   * @supported weapp, harmony
    */
   maxLines?: number
 }
@@ -43,7 +43,7 @@ declare namespace TextProps {
 }
 /** 文本
  * @classification base
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Textarea.d.ts

@@ -2,15 +2,20 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface TextareaProps extends StandardProps, FormItemProps {
   /** 输入框的内容
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   value?: string
+  /** 设置 React 非受控输入框的初始内容
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   * @unique
+   */
+  defaultValue?: string
   /** 输入框为空时占位符
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   placeholder?: string
   /** 指定 placeholder 的样式
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, harmony
    */
   placeholderStyle?: string
   /** 指定 placeholder 的样式类
@@ -20,27 +25,27 @@ interface TextareaProps extends StandardProps, FormItemProps {
   placeholderClass?: string
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   disabled?: boolean
   /** 最大输入长度，设置为 -1 的时候不限制最大长度
    * @default 140
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   maxlength?: number
   /** 自动聚焦，拉起键盘
    * @default false
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   autoFocus?: boolean
   /** 获取焦点
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   focus?: boolean
   /** 是否自动增高，设置 autoHeight 时，style.height不生效
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   autoHeight?: boolean
   /** 如果 Textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true
@@ -89,7 +94,7 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   disableDefaultPadding?: boolean
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 设置键盘右下角按钮的文字
@@ -99,7 +104,7 @@ interface TextareaProps extends StandardProps, FormItemProps {
   /** 点击键盘右下角按钮时是否保持键盘不收起
    * @supported weapp, swan, tt
    */
-  confirmHold?: string
+  confirmHold?: boolean
   /** 组件名字，用于表单提交获取数据。
    * @supported alipay
    */
@@ -124,11 +129,11 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   adjustKeyboardTo?: boolean
   /** 输入框聚焦时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onFocus?: CommonEventFunction<TextareaProps.onFocusEventDetail>
   /** 输入框失去焦点时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onBlur?: CommonEventFunction<TextareaProps.onBlurEventDetail>
   /** 输入框行数变化时调用
@@ -138,15 +143,15 @@ interface TextareaProps extends StandardProps, FormItemProps {
   /** 当键盘输入时，触发 input 事件
    *
    * **onInput 处理函数的返回值并不会反映到 textarea 上**
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onInput?: CommonEventFunction<TextareaProps.onInputEventDetail>
   /** 点击完成时， 触发 confirm 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
   /** 键盘高度发生变化的时候触发此事件
-   * @supported weapp, tt
+   * @supported weapp, tt, harmony
    */
   onKeyboardHeightChange?: CommonEventFunction<TextareaProps.onKeyboardHeightChangeEventDetail>
 }
@@ -189,7 +194,7 @@ declare namespace TextareaProps {
 }
 /** 多行输入框。该组件是原生组件，使用时请注意相关限制
  * @classification forms
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Video.d.ts

@@ -2,49 +2,49 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface VideoProps extends StandardProps {
   /** 要播放视频的资源地址
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   src: string
   /** 指定视频时长
-   * @supported weapp, alipay, qq, h5, rn
+   * @supported weapp, alipay, qq, h5, rn, harmony, harmony_hybrid
    */
   duration?: number
   /** 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   controls?: boolean
   /** 弹幕列表
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   danmuList?: any[]
   /** 是否显示弹幕按钮，只在初始化时有效，不能动态变更
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   danmuBtn?: boolean
   /** 是否展示弹幕，只在初始化时有效，不能动态变更
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   enableDanmu?: boolean
   /** 是否自动播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   autoplay?: boolean
   /** 是否循环播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   loop?: boolean
   /** 是否静音播放
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   muted?: boolean
   /** 指定视频初始播放位置
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   initialTime?: number
   /** 在非全屏模式下，是否开启亮度与音量调节手势
@@ -58,41 +58,41 @@ interface VideoProps extends StandardProps {
   direction?: number
   /** 若不设置，宽度大于240时才会显示
    * @default true
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   showProgress?: boolean
   /** 是否显示全屏按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showFullscreenBtn?: boolean
   /** 是否显示视频底部控制栏的播放按钮
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showPlayBtn?: boolean
   /** 是否显示视频中间的播放按钮
    * @default true
-   * @supported weapp, alipay, swan, qq, h5, rn
+   * @supported weapp, alipay, swan, qq, h5, rn, harmony_hybrid
    */
   showCenterPlayBtn?: boolean
   /** 是否开启控制进度的手势
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   enableProgressGesture?: boolean
   /** 当视频大小与 video 容器大小不一致时，视频的表现形式
    * @default "contain"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
    */
   objectFit?: keyof VideoProps.ObjectFit
   /** 视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   poster?: string
   /** 是否显示静音按钮
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   showMuteBtn?: boolean
   /** 视频的标题，全屏时在顶部展示
@@ -109,7 +109,7 @@ interface VideoProps extends StandardProps {
   playBtnPosition?: keyof VideoProps.PlayBtnPosition
   /** 是否开启播放手势，即双击切换播放/暂停
    * @default false
-   * @supported weapp, swan, tt, qq, h5
+   * @supported weapp, swan, tt, qq, h5, harmony_hybrid
    */
   enablePlayGesture?: boolean
   /** 当跳转到其它小程序页面时，是否自动暂停本页面的视频
@@ -124,12 +124,12 @@ interface VideoProps extends StandardProps {
   autoPauseIfOpenNative?: boolean
   /** 在非全屏模式下，是否开启亮度与音量调节手势（同 `page-gesture`）
    * @default false
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   vslideGesture?: boolean
   /** 在全屏模式下，是否开启亮度与音量调节手势
    * @default true
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   vslideGestureInFullscreen?: boolean
   /** 视频前贴广告单元ID，更多详情可参考开放能力[视频前贴广告](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html)
@@ -187,13 +187,14 @@ interface VideoProps extends StandardProps {
    */
   backgroundPoster?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 是否展示底部进度条
    * @supported weapp
+   * @default true
    */
-  showBottomProgress?: string
+  showBottomProgress?: boolean
   /** 是否在小窗模式下显示播放进度
    * @supported weapp
    */
@@ -205,7 +206,7 @@ interface VideoProps extends StandardProps {
   /** 是否是 DRM 视频源
    * @supported weapp
    */
-  isDrm?: string
+  isDrm?: boolean
   /** DRM 设备身份认证 url，仅 is-drm 为 true 时生效 (Android)
    * @supported weapp
    */
@@ -235,7 +236,7 @@ interface VideoProps extends StandardProps {
    *
    * @supported alipay, jd
    */
-  mobilenetHintType?: string
+  mobilenetHintType?: number
   /** 浮窗设置。暂时不支持全局浮窗。
    * 可选值：
    *
@@ -297,24 +298,24 @@ interface VideoProps extends StandardProps {
    */
   definition?: string
   /** 当开始/继续播放时触发 play 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onPlay?: CommonEventFunction
   /** 当暂停播放时触发 pause 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onPause?: CommonEventFunction
   /** 当播放到末尾时触发 ended 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onEnded?: CommonEventFunction
   /** 播放进度变化时触发, 触发频率 250ms 一次
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onTimeUpdate?: CommonEventFunction<VideoProps.onTimeUpdateEventDetail>
   /** 当视频进入和退出全屏时触发
    *
-   * @supported h5, rn
+   * @supported alipay, h5, rn, harmony, harmony_hybrid
    */
   onFullscreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
   /** 视频出现缓冲时触发
@@ -323,15 +324,15 @@ interface VideoProps extends StandardProps {
    */
   onWaiting?: CommonEventFunction<VideoProps.onWaitingEventDetail>
   /** 视频播放出错时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onError?: CommonEventFunction
   /** 加载进度变化时触发，只支持一段加载
-   * @supported weapp, tt, qq, h5
+   * @supported weapp, tt, qq, h5, harmony, harmony_hybrid
    */
   onProgress?: CommonEventFunction<VideoProps.onProgressEventDetail>
   /** 视频元数据加载完成时触发
-   * @supported weapp, swan, tt, jd, rn
+   * @supported weapp, swan, tt, jd, rn, harmony
    */
   onLoadedMetaData?: CommonEventFunction<VideoProps.onLoadedMetaDataEventDetail>
   /**
@@ -432,11 +433,11 @@ interface VideoProps extends StandardProps {
    */
   onLoadStart?: CommonEventFunction
   /** 否
-   * @supported jd
+   * @supported jd, harmony
    */
   onSeeked?: CommonEventFunction
   /** 否
-   * @supported jd
+   * @supported jd, harmony
    */
   onSeeking?: CommonEventFunction
   /** 贴片广告加载成功时触发，event.detail = { adType: 'preRollAd' | 'postRollAd' }
@@ -487,6 +488,14 @@ declare namespace VideoProps {
     currentTime: number
     /** 持续时间 */
     duration: number
+    /** 用户实际观看时长
+     * @supported alipay
+     */
+    userPlayDuration: number
+    /** 视频总时长
+     * @supported alipay
+     */
+    videoDuration: number
   }
   interface onFullscreenChangeEventDetail {
     /** 方向 */
@@ -548,7 +557,7 @@ declare namespace VideoProps {
 }
 /** 视频。相关api：Taro.createVideoContext
  * @classification media
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @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
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    * @rn 由于 RN 不支持 hoverClass，故 RN 端的 View 组件实现了 `hoverStyle`属性，写法和 style 类似，只不过 `hoverStyle` 的样式是指定按下去的样式。
    */
   hoverClass?: string
@@ -20,12 +20,12 @@ interface ViewProps extends StandardProps {
   hoverStopPropagation?: boolean
   /** 按住后多久出现点击态，单位毫秒
    * @default 50
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStartTime?: number
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 400
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStayTime?: number
   /** 是否阻止区域内滚动页面。
@@ -117,7 +117,7 @@ interface ViewProps extends StandardProps {
 }
 /** 视图容器
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @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
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   src: string
   /** webview 的进度条颜色
@@ -19,11 +19,11 @@ interface WebViewProps extends StandardProps {
    */
   onMessage?: CommonEventFunction<WebViewProps.onMessageEventDetail>
   /** 网页加载成功时候触发此事件。e.detail = { src }
-   * @supported weapp, alipay, tt, qq, h5, rn
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
    */
   onLoad?: CommonEventFunction<WebViewProps.onLoadEventDetail>
   /** 网页加载失败的时候触发此事件。e.detail = { src }
-   * @supported weapp, alipay, tt, qq, h5, rn
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
    */
   onError?: CommonEventFunction<WebViewProps.onErrorEventDetail>
 }
@@ -43,7 +43,7 @@ declare namespace WebViewProps {
 }
 /** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
  * @classification open
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/common.d.ts

@@ -27,9 +27,15 @@ export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> =
     __html: string
   }
   /**
-   * 是否开启小程序编译模式
+   * 是否开启编译模式
+   * @supported weapp, harmony
    */
-  compileMode?: boolean
+  compileMode?: boolean | string
+  /**
+   * 自定义容器组件的方向
+   * @supported harmony
+   */
+  harmonyDirection?: 'row' | 'column'
 }
 
 export interface FormItemProps {

package/types/index.d.ts

@@ -6,17 +6,12 @@ export * from './props'
 export { Block } from './Block'
 export { CoverImage } from './CoverImage'
 export { CoverView } from './CoverView'
-export { GridView } from './GridView'
-export { ListView } from './ListView'
 export { MatchMedia } from './MatchMedia'
 export { MovableArea } from './MovableArea'
 export { MovableView } from './MovableView'
 export { PageContainer } from './PageContainer'
 export { RootPortal } from './RootPortal'
 export { ScrollView } from './ScrollView'
-export { ShareElement } from './ShareElement'
-export { StickyHeader } from './StickyHeader'
-export { StickySection } from './StickySection'
 export { Swiper } from './Swiper'
 export { SwiperItem } from './SwiperItem'
 export { View } from './View'
@@ -45,6 +40,14 @@ export { Slider } from './Slider'
 export { Switch } from './Switch'
 export { Textarea } from './Textarea'
 
+/** Skyline */
+export { GridView } from './GridView'
+export { ListView } from './ListView'
+export { ShareElement } from './ShareElement'
+export { Snapshot } from './SnapShot'
+export { StickyHeader } from './StickyHeader'
+export { StickySection } from './StickySection'
+
 /** 导航 */
 export { FunctionalPageNavigator } from './FunctionalPageNavigator'
 export { Navigator } from './Navigator'

package/types/index.vue3.d.ts

@@ -65,6 +65,7 @@ import { ScrollViewProps } from './ScrollView'
 import { ShareElementProps } from './ShareElement'
 import { SliderProps } from './Slider'
 import { SlotProps } from './Slot'
+import { SnapshotProps } from './SnapShot'
 import { StickyHeaderProps } from './StickyHeader'
 import { StickySectionProps } from './StickySection'
 import { SwiperProps } from './Swiper'
@@ -108,17 +109,12 @@ export * from './props'
 export declare const Block: VueComponentType<StandardProps>
 export declare const CoverImage: VueComponentType<CoverImageProps>
 export declare const CoverView: VueComponentType<CoverViewProps>
-export declare const GridView: VueComponentType<GridViewProps>
-export declare const ListView: VueComponentType<ListViewProps>
 export declare const MatchMedia: VueComponentType<MatchMediaProps>
 export declare const MovableArea: VueComponentType<MovableAreaProps>
 export declare const MovableView: VueComponentType<MovableViewProps>
 export declare const PageContainer: VueComponentType<PageContainerProps>
 export declare const RootPortal: VueComponentType<RootPortalProps>
 export declare const ScrollView: VueComponentType<ScrollViewProps>
-export declare const ShareElement: VueComponentType<ShareElementProps>
-export declare const StickyHeader: VueComponentType<StickyHeaderProps>
-export declare const StickySection: VueComponentType<StickySectionProps>
 export declare const Swiper: VueComponentType<SwiperProps>
 export declare const SwiperItem: VueComponentType<SwiperItemProps>
 export declare const View: VueComponentType<ViewProps>
@@ -144,6 +140,13 @@ export declare const RadioGroup: VueComponentType<RadioGroupProps>
 export declare const Slider: VueComponentType<SliderProps>
 export declare const Switch: VueComponentType<SwitchProps>
 export declare const Textarea: VueComponentType<TextareaProps>
+/** Skyline */
+export declare const GridView: VueComponentType<GridViewProps>
+export declare const ListView: VueComponentType<ListViewProps>
+export declare const Snapshot: VueComponentType<SnapshotProps>
+export declare const ShareElement: VueComponentType<ShareElementProps>
+export declare const StickyHeader: VueComponentType<StickyHeaderProps>
+export declare const StickySection: VueComponentType<StickySectionProps>
 /** 导航 */
 export declare const FunctionalPageNavigator: VueComponentType<FunctionalPageNavigatorProps>
 export declare const Navigator: VueComponentType<NavigatorProps>
@@ -206,8 +209,6 @@ declare global {
       'taro-root-portal-core': ElementAttrs<TransformReact2VueType<RootPortalProps>>
       'scroll-view': ElementAttrs<TransformReact2VueType<ScrollViewProps>>
       'taro-scroll-view-core': ElementAttrs<TransformReact2VueType<ScrollViewProps>>
-      'share-element': ElementAttrs<TransformReact2VueType<ShareElementProps>>
-      'taro-share-element-core': ElementAttrs<TransformReact2VueType<ShareElementProps>>
       swiper: ElementAttrs<TransformReact2VueType<SwiperProps>>
       'taro-swiper-core': ElementAttrs<TransformReact2VueType<SwiperProps>>
       'swiper-item': ElementAttrs<TransformReact2VueType<SwiperItemProps>>
@@ -256,6 +257,19 @@ declare global {
       'taro-switch-core': ElementAttrs<TransformReact2VueType<SwitchProps>>
       textarea: ElementAttrs<TransformReact2VueType<TextareaProps>>
       'taro-textarea-core': ElementAttrs<TransformReact2VueType<TextareaProps>>
+      /** Skyline */
+      'grid-view': ElementAttrs<TransformReact2VueType<GridViewProps>>
+      'taro-grid-view-core': ElementAttrs<TransformReact2VueType<GridViewProps>>
+      'list-view': ElementAttrs<TransformReact2VueType<ListViewProps>>
+      'taro-list-view-core': ElementAttrs<TransformReact2VueType<ListViewProps>>
+      'share-element': ElementAttrs<TransformReact2VueType<ShareElementProps>>
+      'taro-share-element-core': ElementAttrs<TransformReact2VueType<ShareElementProps>>
+      'snapshot': ElementAttrs<TransformReact2VueType<SnapshotProps>>
+      'taro-snapshot-core': ElementAttrs<TransformReact2VueType<SnapshotProps>>
+      'sticky-header': ElementAttrs<TransformReact2VueType<StickyHeaderProps>>
+      'taro-sticky-header-core': ElementAttrs<TransformReact2VueType<StickyHeaderProps>>
+      'sticky-section': ElementAttrs<TransformReact2VueType<StickySectionProps>>
+      'taro-sticky-section-core': ElementAttrs<TransformReact2VueType<StickySectionProps>>
       /** 导航 */
       'functional-page-navigator': ElementAttrs<TransformReact2VueType<FunctionalPageNavigatorProps>>
       'taro-functional-page-navigator-core': ElementAttrs<TransformReact2VueType<FunctionalPageNavigatorProps>>

package/dist/cjs/helper-db78e01a.js

@@ -1,19 +0,0 @@
-'use strict';
-
-const Taro = require('@tarojs/taro');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
-
-function notSupport(name = '', instance = {}) {
-  console.error(`H5 暂不支持 ${name} 组件！`);
-  Taro__default['default'].eventCenter.trigger('__taroNotSupport', {
-    name,
-    instance,
-    type: 'component',
-    category: 'temporarily',
-  });
-}
-
-exports.notSupport = notSupport;