@tarojs/components 4.0.0-beta.1 → 4.0.0-beta.100

package/types/Checkbox.d.ts

@@ -2,30 +2,30 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface CheckboxProps extends StandardProps {
   /** `<Checkbox/>`标识，选中时触发`<CheckboxGroup/>`的 change 事件，并携带 `<Checkbox/>` 的 value
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   value: string
   /** 是否禁用
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   disabled?: boolean
   /** 当前是否选中，可用来设置默认选中
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   checked?: boolean
   /** checkbox的颜色，同 css 的 color
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   color?: string
   /**
    * Checkbox 的名字
-   * @supported h5, harmony
+   * @supported h5, harmony, harmony_hybrid
    */
   name?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 无障碍访问，（属性）元素的额外描述
@@ -33,7 +33,7 @@ interface CheckboxProps extends StandardProps {
    */
   ariaLabel?: string
   /** 选中项发生变化时触发 change 事件，小程序无此 API
-   * @supported alipay, h5, rn, harmony
+   * @supported alipay, h5, rn, harmony, harmony_hybrid
    */
   onChange?: CommonEventFunction<{
     value: string[]
@@ -41,7 +41,7 @@ interface CheckboxProps extends StandardProps {
 }
 /** 多选项目
  * @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 PageCheckbox extends Component {

package/types/CheckboxGroup.d.ts

@@ -2,11 +2,11 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface CheckboxGroupProps extends StandardProps, FormItemProps {
   /** 表单组件中加上 name 来作为 key
-   * @supported alipay, tt, h5
+   * @supported alipay, tt, h5, harmony_hybrid
    */
   name?: string
   /** `<CheckboxGroup/>` 中选中项发生改变是触发 change 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onChange?: CommonEventFunction<{
     value: string[]
@@ -14,7 +14,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
 }
 /** 多项选择器，内部由多个checkbox组成
  * @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
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CoverImage.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface CoverImageProps extends StandardProps {
   /** 图标路径，支持临时路径、网络地址、云文件ID。暂不支持base64格式。
-   * @supported weapp, alipay, swan, qq, jd, h5
+   * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
    */
   src: string
   /** 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本；
@@ -34,11 +34,11 @@ interface CoverImageProps extends StandardProps {
    */
   ariaLabel?: string
   /** 图片加载成功时触发
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   onLoad?: CommonEventFunction
   /** 图片加载失败时触发
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   onError?: CommonEventFunction
   /** 点击事件回调。
@@ -48,7 +48,7 @@ interface CoverImageProps extends StandardProps {
 }
 /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
  * @classification viewContainer
- * @supported weapp, alipay, swan, qq, jd, h5
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
  * @example_react
  * ```tsx
  * // js

package/types/CoverView.d.ts

@@ -117,7 +117,7 @@ interface CoverViewProps extends ViewProps {
 }
 /** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。
  * @classification viewContainer
- * @supported weapp, alipay, swan, qq, jd, h5
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
  * @example_react
  * ```tsx
  * // js

package/types/CustomWrapper.d.ts

@@ -7,7 +7,7 @@ interface CustomWrapperProps extends StandardProps {
 /** custom-wrapper 自定义组件包裹器
  * 当数据更新层级较深时，可用此组件将需要更新的区域包裹起来，这样更新层级将大大减少
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, jd, qq, h5
+ * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid
  * @example
  * ```tsx
  * import { Component } from 'react'

package/types/DraggableSheet.d.ts

@@ -0,0 +1,47 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+
+interface DraggableSheetProps extends StandardProps {
+  /**
+   * 初始时占父容器的比例
+   * @supported weapp
+   * @default 0.5
+   */
+  initialChildSize?: number
+  /**
+   * 最小时占父容器的比例
+   * @supported weapp
+   * @default 0.25
+   */
+  minChildSize?: number
+  /**
+   * 最大时占父容器的比例
+   * @supported weapp
+   * @default 1.0
+   */
+  maxChildSize?: number
+  /**
+   * 拖拽后是否自动对齐关键点
+   * @supported weapp
+   * @default false
+   */
+  snap?: boolean
+  /**
+   * 拖拽后对齐的关键点，无需包含最小和最大值
+   * @supported weapp
+   * @default []
+   */
+  snapSizes?: any[]
+}
+
+/**
+ * 半屏可拖拽组件
+ * 该组件需配合 DraggableSheetContext 接口使用。 目前仅在 Skyline 渲染引擎下支持。
+ * 页面内拖拽是一种常见的交互效果，开发者可通过手势系统灵活实现。draggable-sheet 组件封装了常见的交互逻辑，实现起来更加简单。
+ * 该组件需结合 scroll-view 使用。scroll-view 组件声明 associative-container 属性后，可与 draggable-sheet 关联起来。
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/draggable-sheet.html
+ */
+declare const DraggableSheet: ComponentType<DraggableSheetProps>
+export { DraggableSheet, DraggableSheetProps }

package/types/Form.d.ts

@@ -3,7 +3,7 @@ import { StandardProps, CommonEventFunction } from './common'
 interface FormProps extends StandardProps {
   /** 是否返回 `formId` 用于发送模板消息。
    * @default false
-   * @supported weapp, alipay, swan, qq, jd, h5
+   * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
    */
   reportSubmit?: boolean
   /** 等待一段时间（毫秒数）以确认 `formId` 是否生效。
@@ -43,11 +43,11 @@ interface FormProps extends StandardProps {
    */
   clueComponentId?: string
   /** 携带 form 中的数据触发 submit 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onSubmit?: CommonEventFunction<FormProps.onSubmitEventDetail>
   /** 表单重置时会触发 reset 事件
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onReset?: CommonEventFunction
 }
@@ -69,7 +69,7 @@ declare namespace FormProps {
  *
  * 当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。
  * @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
  * class App extends Component {

package/types/GridBuilder.d.ts

@@ -0,0 +1,72 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface GridBuilderProps extends StandardProps {
+  /**
+   * 布局方式
+   * @supported weapp
+   * @default "aligned"
+   *
+   * 可选值:
+   * - aligned: 每行高度由同一行中最大高度子节点决定
+   * - masonry: 瀑布流，根据子元素高度自动布局
+   */
+  type: 'aligned' | 'masonry'
+  /**
+   * 需要用于渲染的列表
+   * @supported weapp
+   * @default []
+   */
+  list: any[]
+  /**
+   * 完整列表的长度，如果不传则取 list 的长度作为其值
+   * @supported weapp
+   */
+  childCount?: number
+  /**
+   * 交叉轴元素数量
+   * @supported weapp
+   * @default 2
+   */
+  crossAxisCount?: number
+  /** 交叉轴元素最大范围
+   * @supported weapp
+   * @default 0
+   */
+  maxCrossAxisExtent?: number
+  /**
+   * 主轴方向间隔
+   * @supported weapp
+   * @default 0
+   */
+  mainAxisGap?: number
+  /** 交叉轴方向间隔
+   * @supported weapp
+   * @default 0
+   */
+  crossAxisGap?: number
+  /**
+   * 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距
+   * @supported weapp
+   * @default [0, 0, 0, 0]
+   */
+  padding?: [number, number, number, number]
+  /**
+   * 列表项创建时触发，event.detail = {index}，index 即被创建的列表项序号
+   * @supported weapp
+   */
+  onItemBuild?: CommonEventFunction
+  /**
+   * 列表项回收时触发，event.detail = {index}，index 即被回收的列表项序号
+   * @supported weapp
+   */
+  onItemDispose?: CommonEventFunction
+}
+
+/**
+ * 网格构造器，仅支持作为 `<scroll-view type="custom">` 模式的直接子节点，仅 Skyline 支持。
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/grid-builder.html
+ */
+declare const GridBuilder: ComponentType<GridBuilderProps>
+export { GridBuilder, GridBuilderProps }

package/types/GridView.d.ts

@@ -1,17 +1,24 @@
 import { ComponentType } from 'react'
 import { StandardProps } from './common'
 interface GridViewProps extends StandardProps {
-  /** 布局方式。masonry - 瀑布流，根据子元素高度自动布局。  aligned - 每行高度由同一行中最大高度子节点决定。
+  /**
+   * 布局方式
    * @supported weapp
    * @default "aligned"
+   *
+   * 可选值:
+   * - aligned: 每行高度由同一行中最大高度子节点决定
+   * - masonry: 瀑布流，根据子元素高度自动布局
    */
-  type: string
-  /** 交叉轴元素数量
+  type: 'aligned' | 'masonry'
+  /**
+   * 交叉轴元素数量
    * @supported weapp
    * @default 2
    */
   crossAxisCount?: number
-  /** 主轴方向间隔
+  /**
+   * 主轴方向间隔
    * @supported weapp
    * @default 0
    */
@@ -26,7 +33,14 @@ interface GridViewProps extends StandardProps {
    * @default 0
    */
   maxCrossAxisExtent?: number
+  /**
+   * 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距
+   * @supported weapp
+   * @default [0, 0, 0, 0]
+   */
+  padding?: [number, number, number, number]
 }
+
 /**
  * 网格布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。
  * @classification skyline

package/types/Icon.d.ts

@@ -2,16 +2,16 @@ import { ComponentType } from 'react'
 import { StandardProps } from './common'
 interface IconProps extends StandardProps {
   /** icon 的类型
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   type: keyof IconProps.TIconType
   /** icon 的大小，单位px
    * @default 23
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   size?: number
   /** icon 的颜色，同 css 的 color
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   color?: string
   /** 无障碍访问，（属性）元素的额外描述
@@ -48,7 +48,7 @@ declare namespace IconProps {
 }
 /** 图标。组件属性的长度单位默认为 px
  * @classification base
- * @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/Image.d.ts

@@ -2,12 +2,12 @@ import { ComponentType, ImgHTMLAttributes } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface ImageProps extends StandardProps {
   /** 图片资源地址
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   src: string
   /** 图片裁剪、缩放的模式
    * @default "scaleToFill"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @rn 部分支持 scaleToFill, aspectFit, aspectFill, widthFix
    * @harmony 部分支持 scaleToFill, aspectFit, aspectFill, widthFix, heightFix
    */
@@ -24,7 +24,7 @@ interface ImageProps extends StandardProps {
   svg?: boolean
   /** 图片懒加载。只针对 page 与 scroll-view 下的 image 有效
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   lazyLoad?: boolean
   /** 开启长按图片显示识别小程序码菜单
@@ -34,11 +34,11 @@ interface ImageProps extends StandardProps {
   showMenuByLongpress?: boolean
   /**
    * 为 img 标签额外增加的属性
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   imgProps?: ImgHTMLAttributes<HTMLImageElement>
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 默认图片地址，若设置默认图片地址，会先显示默认图片，等 src 对应的图片加载成功后，再渲染对应的图片。
@@ -67,11 +67,11 @@ interface ImageProps extends StandardProps {
    */
   fadeIn?: boolean
   /** 当错误发生时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
   /** 当图片载入完毕时，发布到 AppService 的事件名，事件对象
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
   /** 点击图片时触发。
@@ -130,7 +130,7 @@ declare namespace ImageProps {
  *
  * **Note:** 为实现小程序的 `mode` 特性，在 H5 组件中使用一个 `div` 容器来对内部的 `img` 进行展示区域的裁剪，因此请勿使用元素选择器来重置 `img` 的样式！
  * @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/Input.d.ts

@@ -2,21 +2,26 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface InputProps extends StandardProps, FormItemProps {
   /** 输入框的初始内容
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @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
   /** input 的类型
    * @default "text"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   type?: keyof InputProps.Type
   /** 是否是密码类型
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   password?: boolean
   /** 输入框为空时占位符
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   placeholder?: string
   /** 指定 placeholder 的样式
@@ -34,12 +39,12 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholderTextColor?: 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, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   maxlength?: number
   /** 指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
@@ -50,12 +55,12 @@ interface InputProps extends StandardProps, FormItemProps {
   /** (即将废弃，请直接使用 focus )自动聚焦，拉起键盘
    * @default false
    * @deprecated
-   * @supported weapp, qq, jd, h5
+   * @supported weapp, 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
   /** 设置键盘右下角按钮的文字，仅在type='text'时生效
@@ -144,7 +149,7 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   controlled?: boolean
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 组件名字，用于表单提交获取数据。
@@ -166,19 +171,19 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   clueType?: number
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onInput?: CommonEventFunction<InputProps.inputEventDetail>
   /** 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>
   /** 输入框失去焦点时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onBlur?: CommonEventFunction<InputProps.inputValueEventDetail>
   /** 点击完成按钮时触发
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>
   /** 键盘高度发生变化的时候触发此事件
@@ -194,11 +199,11 @@ declare namespace InputProps {
   /** Input 类型 */
   interface Type {
     /** 文本输入键盘
-     * @supported weapp, alipay, h5, rn
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
      */
     text
     /** 数字输入键盘
-     * @supported weapp, alipay, h5, rn
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
      */
     number
     /** 身份证输入键盘
@@ -206,7 +211,7 @@ declare namespace InputProps {
      */
     idcard
     /** 带小数点的数字键盘
-     * @supported weapp, alipay, h5, rn
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
      */
     digit
     /** 密码安全输入键盘[指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/safe-password.html)
@@ -271,7 +276,7 @@ declare namespace InputProps {
 }
 /** 输入框。该组件是原生组件，使用时请注意相关限制
  * @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
  * class App extends Component {

package/types/Label.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
 import { StandardProps } from './common'
 interface LabelProps extends StandardProps {
   /** 绑定控件的 id
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
    */
   for?: string
 }
@@ -10,7 +10,7 @@ interface LabelProps extends StandardProps {
  *
  * 使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有：button, checkbox, radio, switch。
  * @classification forms
- * @supported weapp, swan, alipay, tt, h5, rn, harmony
+ * @supported weapp, swan, alipay, tt, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/ListBuilder.d.ts

@@ -0,0 +1,55 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface ListBuilderProps extends StandardProps {
+  /**
+   * 布局方式
+   * @supported weapp
+   * @default "aligned"
+   *
+   * 可选值:
+   * - static: 定高模式，所有列表项等高，需要传入 child-height
+   * - dynamic: 不定高模式
+   */
+  type: 'static' | 'dynamic'
+  /**
+   * 需要用于渲染的列表
+   * @supported weapp
+   * @default []
+   */
+  list: any[]
+  /**
+   * 完整列表的长度，如果不传则取 list 的长度作为其值
+   * @supported weapp
+   */
+  childCount?: number
+  /**
+   * 列表项的高度，当 type 为 static 时必须传入
+   * @supported weapp
+   */
+  childHeight?: number
+  /**
+   * 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距
+   * @supported weapp
+   * @default [0, 0, 0, 0]
+   */
+  padding?: [number, number, number, number]
+  /**
+   * 列表项创建时触发，event.detail = {index}，index 即被创建的列表项序号
+   * @supported weapp
+   */
+  onItemBuild?: CommonEventFunction
+  /**
+   * 列表项回收时触发，event.detail = {index}，index 即被回收的列表项序号
+   * @supported weapp
+   */
+  onItemDispose?: CommonEventFunction
+}
+
+/**
+ * 列表构造器，仅支持作为 `<scroll-view type="custom">` 模式的直接子节点，仅 Skyline 支持。
+ * @classification skyline
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/list-builder.html
+ */
+declare const ListBuilder: ComponentType<ListBuilderProps>
+export { ListBuilder, ListBuilderProps }

package/types/ListView.d.ts

@@ -1,11 +1,18 @@
 import { ComponentType } from 'react'
 import { StandardProps } from './common'
-interface ListViewProps extends StandardProps {}
+interface ListViewProps extends StandardProps {
+   /**
+    * 长度为 4 的数组，按 top、right、bottom、left 顺序指定内边距
+    * @supported weapp
+    * @default [0, 0, 0, 0]
+    */
+   padding?: [number, number, number, number]
+}
 
 /**
  * 列表布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。
  * @classification skyline
- * @supported weapp
+ * @supported weapp, harmony
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/list-view.html
  */
 declare const ListView: ComponentType<ListViewProps>

package/types/Map.d.ts

@@ -637,7 +637,6 @@ declare namespace MapProps {
     longitude: number
     latitude: number
   }
-
   interface onPolylineTapEventDetail {
     polylineId: number
     longitude: number
@@ -648,7 +647,6 @@ declare namespace MapProps {
     errCode: number
     errMsg: string
   }
-
   interface onInterpolatePointEventDetail {
     markerId: number
     longitude: number

package/types/MovableArea.d.ts

@@ -3,13 +3,13 @@ import { StandardProps } from './common'
 interface MovableAreaProps extends StandardProps {
   /** 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   scaleArea?: boolean
 }
 /** movable-view 的可移动区域
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Components {