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

package/types/Button.d.ts

@@ -3,32 +3,32 @@ import { StandardProps, CommonEventFunction } from './common'
 import { StyleProp, ViewStyle } from 'react-native'
 interface ButtonProps extends StandardProps {
   /** 按钮的大小
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    * @default default
    */
   size?: keyof ButtonProps.Size
   /** 按钮的样式类型
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default default
    */
   type?: keyof ButtonProps.Type
   /** 按钮是否镂空，背景色透明
-   * @supported weapp, alipay, swan, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   plain?: boolean
   /** 是否禁用
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   disabled?: boolean
   /** 名称前是否带 loading 图标
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   loading?: boolean
   /** 用于 `<form/>` 组件，点击分别会触发 `<form/>` 组件的 submit/reset 事件
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, harmony
    */
   formType?: keyof ButtonProps.FormType
   /** 微信开放能力
@@ -37,7 +37,7 @@ interface ButtonProps extends StandardProps {
   openType?: ButtonProps.OpenType
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default button-hover
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    * @rn 支持 hoverStyle 属性，但框架未支持 hoverClass
    */
   hoverClass?: string
@@ -53,12 +53,12 @@ interface ButtonProps extends StandardProps {
   hoverStopPropagation?: boolean
   /** 按住后多久出现点击态，单位毫秒
    * @default 20
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStartTime?: number
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 70
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   hoverStayTime?: number
   /** 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。
@@ -127,8 +127,10 @@ interface ButtonProps extends StandardProps {
    * @supported swan
    */
   subscribeId?: string
-  /** 打开群资料卡时，传递的群号
-   * @supported qq
+  /** 群聊 id
+   * @qq 打开群资料卡时，传递的群号
+   * @tt 通过创建聊天群、查询群信息获取
+   * @supported qq, tt
    */
   groupId?: string
   /** 打开频道页面时，传递的频道号
@@ -169,6 +171,11 @@ interface ButtonProps extends StandardProps {
    * @supported tt
    */
   dataAwemeId?: string
+  /**
+   * 是否开启半屏模式
+   * @supported tt
+   */
+  dataIsHalfPage?: boolean
   /** 用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与 Taro.getUserInfo 返回的一致
    *
    * 生效时机: `open-type="getUserInfo"`
@@ -271,6 +278,11 @@ interface ButtonProps extends StandardProps {
    * @supported tt
    */
   onOpenAwemeUserProfile?: CommonEventFunction
+  /**
+   * 加群后触发
+   * @supported tt
+   */
+  onJoinGroup?: CommonEventFunction<{ errMsg: string; errNo: number }>
 }
 declare namespace ButtonProps {
   /** size 的合法值 */
@@ -297,7 +309,11 @@ declare namespace ButtonProps {
     reset
   }
   /** open-type 的合法值 */
-  type OpenType = keyof openTypeKeys['weapp'] | keyof openTypeKeys['alipay'] | keyof openTypeKeys['qq'] | keyof openTypeKeys['tt']
+  type OpenType =
+    | keyof openTypeKeys['weapp']
+    | keyof openTypeKeys['alipay']
+    | keyof openTypeKeys['qq']
+    | keyof openTypeKeys['tt']
   /** open-type 的合法值 */
   interface openTypeKeys {
     weapp: {
@@ -334,6 +350,21 @@ declare namespace ButtonProps {
        * 用户同意隐私协议按钮。可通过 bindagreeprivacyauthorization 监听用户同意隐私协议事件
        */
       agreePrivacyAuthorization
+      /**
+       * 从基础库 2.32.3 版本起，隐私同意按钮支持与手机号快速验证组件耦合使用，调用方式为：
+       * <button open-type="getPhoneNumber|agreePrivacyAuthorization">
+       */
+      ['getPhoneNumber|agreePrivacyAuthorization']
+      /**
+       * 从基础库 2.32.3 版本起，支持隐私同意按钮与手机号实时验证组件耦合使用，调用方式为：
+       * <button open-type="getRealtimePhoneNumber|agreePrivacyAuthorization">
+       */
+      ['getRealtimePhoneNumber|agreePrivacyAuthorization']
+      /**
+       * 从基础库 2.32.3 版本起，支持隐私同意按钮与获取用户信息组件耦合使用，调用方式为：
+       * <button open-type="getUserInfo|agreePrivacyAuthorization">
+       */
+      ['getUserInfo|agreePrivacyAuthorization']
     }
     /** 支付宝小程序专属的 open-type 合法值
      * @see https://opendocs.alipay.com/mini/component/button
@@ -496,7 +527,7 @@ declare namespace ButtonProps {
 }
 /** 按钮
  * @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 PageButton extends Component {

package/types/Camera.d.ts

@@ -121,7 +121,7 @@ declare namespace CameraProps {
 }
 /** 系统相机
  * @classification media
- * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -6,7 +6,7 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
    */
   type?: string
   /** canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性
-   * @supported weapp, swan, tt, qq, jd, h5
+   * @supported weapp, swan, tt, qq, jd, h5, harmony_hybrid
    */
   canvasId?: string
   /** 当在 canvas 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新
@@ -14,41 +14,41 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
    * @supported weapp, alipay, swan, qq, jd
    */
   disableScroll?: boolean
-  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
-   */
-  nativeProps?: Record<string, unknown>
   /** 组件唯一标识符。
    * 注意：同一页面中的 id 不可重复。
-   * @supported alipay
+   * @supported alipay, h5, harmony_hybrid
    */
   id?: string
   /**
-   * @supported alipay
+   * @supported alipay, h5, harmony_hybrid
    */
   width?: string
   /**
-   * @supported alipay
+   * @supported alipay, h5, harmony_hybrid
    */
   height?: string
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5, harmony_hybrid
+   */
+  nativeProps?: Record<string, unknown>
   /** 手指触摸动作开始
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchStart?: CanvasTouchEventFunction
   /** 手指触摸后移动
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchMove?: CanvasTouchEventFunction
   /** 手指触摸动作结束
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchEnd?: CanvasTouchEventFunction
   /** 手指触摸动作被打断，如来电提醒，弹窗
-   * @supported weapp, alipay, swan, tt, qq, jd
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchCancel?: CanvasTouchEventFunction
   /** 手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动
-   * @supported weapp, alipay, swan, qq, jd, h5
+   * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid
    */
   onLongTap?: CommonEventFunction
   /** 当发生错误时触发 error 事件，detail = {errMsg: 'something wrong'}
@@ -73,7 +73,7 @@ declare namespace CanvasProps {
  *
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
- * @supported weapp, alipay, swan, tt, qq, jd, h5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/ChannelVideo.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface ChannelVideoProps extends StandardProps {
-  /** 视频 feedId
+  /** 仅视频号视频与小程序同主体时生效。若内嵌非同主体视频，请使用 feed-token。
    * @supported weapp
    */
   feedId: string
@@ -29,7 +29,7 @@ interface ChannelVideoProps extends StandardProps {
    * @default false
    */
   autoplay?: boolean
-  /** 仅内嵌小程序非同主体视频号视频时使用，获取方式参考本指引。
+  /** 仅内嵌小程序非同主体视频号视频时使用，获取方式参考[本指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/channels-activity.html#feed-token)。
    * @supported weapp
    */
   feedToken?: string

package/types/Checkbox.d.ts

@@ -2,25 +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
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   value: string
   /** 是否禁用
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @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
+   * @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
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    */
   color?: string
+  /**
+   * Checkbox 的名字
+   * @supported h5, harmony, harmony_hybrid
+   */
+  name?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 无障碍访问，（属性）元素的额外描述
@@ -28,7 +33,7 @@ interface CheckboxProps extends StandardProps {
    */
   ariaLabel?: string
   /** 选中项发生变化时触发 change 事件，小程序无此 API
-   * @supported alipay, h5, rn
+   * @supported alipay, h5, rn, harmony, harmony_hybrid
    */
   onChange?: CommonEventFunction<{
     value: string[]
@@ -36,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, harmony
+ * @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
+   * @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
+   * @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,10 +33,17 @@ 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 viewContainer
+ * @classification skyline
  * @supported weapp
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/grid-view.html
  */

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
+   * @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?: string
+  size?: number
   /** icon 的颜色，同 css 的 color
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @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,13 +2,14 @@ import { ComponentType, ImgHTMLAttributes } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface ImageProps 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
   /** 图片裁剪、缩放的模式
    * @default "scaleToFill"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @rn 部分支持 scaleToFill, aspectFit, aspectFill, widthFix
+   * @harmony 部分支持 scaleToFill, aspectFit, aspectFill, widthFix, heightFix
    */
   mode?: keyof ImageProps.Mode
   /** 默认不解析 webP 格式，只支持网络资源
@@ -23,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
   /** 开启长按图片显示识别小程序码菜单
@@ -33,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 对应的图片加载成功后，再渲染对应的图片。
@@ -66,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>
   /** 点击图片时触发。
@@ -129,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 {