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

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 {

package/types/MovableView.d.ts

@@ -3,65 +3,65 @@ 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, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
    */
   direction?: 'all' | 'vertical' | 'horizontal' | 'none'
   /** movable-view 是否带有惯性
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   inertia?: boolean
   /** 超过可移动区域后，movable-view 是否还可以移动
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   outOfBounds?: boolean
   /** 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围；改变 x 的值会触发动画
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
    */
   x?: number | string
   /** 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围；改变 y 的值会触发动画
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
    */
   y?: number | string
   /** 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快
    * @default 20
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   damping?: number
   /** 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值
    * @default 2
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   friction?: number
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
    */
   disabled?: boolean
   /** 是否支持双指缩放，默认缩放手势生效区域是在 movable-view 内
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   scale?: boolean
   /** 定义缩放倍数最小值
    * @default 0.5
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   scaleMin?: number
   /** 定义缩放倍数最大值
    * @default 10
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   scaleMax?: number
   /** 定义缩放倍数，取值范围为 0.5 - 10
    * @default 1
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   scaleValue?: number
   /** 是否使用动画
    * @default true
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   animation?: boolean
   /** 拖动过程中触发的事件
@@ -81,7 +81,7 @@ interface MovableViewProps extends Omit<StandardProps, 'animation'> {
    */
   onDragEnd?: CommonEventFunction
   /** 缩放过程中触发的事件
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid
    */
   onScale?: CommonEventFunction<MovableViewProps.onScaleEventDetail>
   /** 触摸动作开始，事件会向父节点传递。
@@ -93,7 +93,7 @@ interface MovableViewProps extends Omit<StandardProps, 'animation'> {
    */
   onTouchMove?: CommonEventFunction
   /** 手指触摸动作结束
-   * @supported alipay, h5
+   * @supported alipay, h5, harmony_hybrid
    * @h5 此事件的触发顺序会因为当前事件机制引起组件内外注册的事件执行顺序不正常，外部注册的事件可能会优先于内部执行，如需保证执行顺序一致，需要在回调函数中包裹 setTimeout 临时处理
    */
   onTouchEnd?: TouchEventFunction
@@ -102,11 +102,11 @@ interface MovableViewProps extends Omit<StandardProps, 'animation'> {
    */
   onTouchCancel?: CommonEventFunction
   /** 初次手指触摸后移动为横向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   onHTouchMove?: TouchEventFunction
   /** 初次手指触摸后移动为纵向的移动，如果 catch 此事件，则意味着 touchmove 事件也被 catch
-   * @supported weapp, swan, tt, h5
+   * @supported weapp, swan, tt, h5, harmony_hybrid
    */
   onVTouchMove?: TouchEventFunction
   /** 触摸移动事件，事件仅作用于组件，不向父节点传递。
@@ -155,7 +155,7 @@ declare namespace MovableViewProps {
 }
 /** 可移动的视图容器，在页面中可以拖拽滑动。movable-view 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/NativeSlot.d.ts

@@ -1,6 +1,8 @@
-import { ComponentType } from 'react'
+import { StandardProps } from './common'
 
-interface NativeSlotProps {
+import type { ComponentType, ReactNode } from 'react'
+
+interface NativeSlotProps extends StandardProps {
   /** 指定插入的 slot 位置
    * @default none
    * @supported weapp, swan, alipay, tt, jd, qq
@@ -10,7 +12,7 @@ interface NativeSlotProps {
 
 /** 编译的原生组件支持使用 slot 插槽
  * @classification viewContainer
- * @supported weapp, swan, alipay, tt, jd, qq
+ * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid
  * @version 3.5.7+
  * @example
  * ```tsx

package/types/NavigationBar.d.ts

@@ -30,8 +30,14 @@ interface NavigationBarProps extends StandardProps {
 }
 /** 页面导航条配置节点，用于指定导航栏的一些属性。只能是 PageMeta 组件内的第一个节点，需要配合它一同使用。
  * 通过这个节点可以获得类似于调用 Taro.setNavigationBarTitle Taro.setNavigationBarColor 等接口调用的效果。
+ *
+ * :::info
+ * Taro v3.6.19 开始支持
+ * 需要配合 PageMeta 组件使用
+ * :::
+ *
  * @classification navig
- * @supported weapp, harmony
+ * @supported weapp
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/navigation-bar.html
  */
 declare const NavigationBar: ComponentType<NavigationBarProps>

package/types/Navigator.d.ts

@@ -7,16 +7,16 @@ interface NavigatorProps extends StandardProps {
    */
   target?: keyof NavigatorProps.Target
   /** 当前小程序内的跳转链接
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   url?: string
   /** 跳转方式
    * @default "navigate"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   openType?: keyof NavigatorProps.OpenType
   /** 当 open-type 为 'navigateBack' 时有效，表示回退的层数
-   * @supported weapp, swan, tt, qq, jd, h5
+   * @supported weapp, swan, tt, qq, jd, h5, harmony_hybrid
    */
   delta?: number
   /** 当 `target="miniProgram"` 时有效，要打开的小程序 appId
@@ -37,7 +37,7 @@ interface NavigatorProps extends StandardProps {
   version?: keyof NavigatorProps.Version
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default "navigator-hover"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   hoverClass?: string
   /** 指定是否阻止本节点的祖先节点出现点击态
@@ -64,15 +64,15 @@ interface NavigatorProps extends StandardProps {
    */
   ariaLabel?: string
   /** 当 `target="miniProgram"` 时有效，跳转小程序成功
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onSuccess?: CommonEventFunction
   /** 当 `target="miniProgram"` 时有效，跳转小程序失败
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onFail?: CommonEventFunction
   /** 当 `target="miniProgram"` 时有效，跳转小程序完成
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onComplete?: CommonEventFunction
 }
@@ -111,7 +111,7 @@ declare namespace NavigatorProps {
 }
 /** 页面链接
  * @classification navig
- * @supported weapp, alipay, swan, tt, qq, jd, harmony, h5
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
  */
 declare const Navigator: ComponentType<NavigatorProps>

package/types/PageMeta.d.ts

@@ -64,6 +64,8 @@ interface PageMetaProps extends StandardProps {
 }
 declare namespace PageMetaProps {
   interface onResizeEventDetail {
+    /** 设备方向 */
+    deviceOrientation?: 'portrait' | 'landscape'
     /** 窗口尺寸 */
     size: resizeType
   }
@@ -73,6 +75,10 @@ declare namespace PageMetaProps {
     windowWidth: number
     /** 窗口高度 */
     windowHeight: number
+    /** 屏幕宽度 */
+    screenWidth?: number
+    /** 屏幕高度 */
+    screenHeight?: number
   }
   interface onScrollEventDetail {
     scrollTop: number
@@ -80,7 +86,47 @@ declare namespace PageMetaProps {
 }
 /** 页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。
  * 通过这个节点可以获得类似于调用 Taro.setBackgroundTextStyle Taro.setBackgroundColor 等接口调用的效果。
+ *
+ * :::info
+ * Taro v3.6.19 开始支持
+ * 开发者需要在页面配置里添加：`enablePageMeta: true`
+ * :::
+ *
  * @supported weapp, alipay
+ * @example_react
+ * ```tsx
+ * // page.config.ts
+ * export default definePageConfig({ enablePageMeta: true, ... })
+ *
+ * // page.tsx
+ * function Index () {
+ *   return (
+ *     <View>
+ *      <PageMeta
+ *        pageStyle={myPageStyle}
+ *        onScroll={handleScroll}
+ *      >
+ *        <NavigationBar title={title} />
+ *      </PageMeta>
+ *    </View>
+ *   )
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <!-- page.config.ts -->
+ * <!-- export default definePageConfig({ enablePageMeta: true, ... }) -->
+ *
+ * <!-- page.vue -->
+ * <template>
+ *   <page-meta
+ *     :page-style="myPageStyle"
+ *     `@scroll="handleScroll"
+ *   >
+ *     <navigation-bar :title="title" />
+ *   </page-meta>
+ * </template>
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html
  */
 declare const PageMeta: ComponentType<PageMetaProps>

package/types/Picker.d.ts

@@ -3,21 +3,26 @@ import { StyleProp, TextStyle, ViewStyle } from 'react-native'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 /** 选择器通用参数 */
 interface PickerStandardProps extends StandardProps, FormItemProps {
+  /**
+   * 选择器的标题，微信小程序中仅安卓可用
+   * @supported weapp
+   */
+  headerText?: string
   /**
    * 选择器类型，默认是普通选择器
    * @default "selector"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   mode?: keyof PickerStandardProps.Mode
   /**
    * 是否禁用
    * @default false
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony_hybrid
    */
   disabled?: boolean
   /**
    * 取消选择或点遮罩层收起 picker 时触发
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   onCancel?: CommonEventFunction
 }
@@ -46,21 +51,25 @@ interface PickerSelectorProps extends PickerStandardProps {
   mode?: 'selector'
   /**
    * mode为 selector 或 multiSelector 时，range 有效
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    * @default []
    */
   range: string[] | number[] | Record<string, any>[]
   /**
    * 当 range 是一个 Object Array 时，通过 rangeKey 来指定 Object 中 key 的值作为选择器显示内容
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   rangeKey?: string
   /**
    * 表示选择了 range 中的第几个（下标从 0 开始）
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    * @default 0
    */
   value?: number
+  /** 设置 React 非受控状态下的初始取值
+   * @supported weapp, h5, rn, harmony_hybrid
+   */
+  defaultValue?: number
   /**
    * mode为 selector 或 multiSelector 时 itemStyle 有效
    * @supported rn
@@ -75,12 +84,12 @@ interface PickerSelectorProps extends PickerStandardProps {
   indicatorStyle?: StyleProp<ViewStyle>
   /**
    * value 改变时触发 change 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
-  onChange: CommonEventFunction<PickerSelectorProps.ChangeEventDetail>
+  onChange?: CommonEventFunction<PickerSelectorProps.ChangeEventDetail>
   /**
    * 用于替换组件内部文本
-   * @supported h5
+   * @supported h5, harmony, harmony_hybrid
    */
   textProps?: PickerStandardProps.PickerText
 }
@@ -96,18 +105,18 @@ interface PickerMultiSelectorProps extends PickerStandardProps {
   mode: 'multiSelector'
   /**
    * mode为 selector 或 multiSelector 时，range 有效
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    * @default []
    */
   range: Array<string[]> | Array<number[]> | Array<Record<string, any>[]>
   /**
    * 当 range 是一个 Object Array 时，通过 rangeKey 来指定 Object 中 key 的值作为选择器显示内容
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   rangeKey?: string
   /**
    * 表示选择了 range 中的第几个（下标从 0 开始）
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    * @default []
    */
   value: number[] | string[] | Record<string, any>[]
@@ -125,12 +134,12 @@ interface PickerMultiSelectorProps extends PickerStandardProps {
   indicatorStyle?: StyleProp<ViewStyle>
   /**
    * 当 value 改变时触发 change 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   onChange: CommonEventFunction<PickerMultiSelectorProps.ChangeEventDetail>
   /**
    * 列改变时触发
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   onColumnChange?: CommonEventFunction<PickerMultiSelectorProps.ColumnChangeEventDetail>
 }
@@ -152,22 +161,26 @@ interface PickerTimeProps extends PickerStandardProps {
   mode: 'time'
   /**
    * value 的值表示选择了 range 中的第几个（下标从 0 开始）
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
+   */
+  value?: string
+  /** 设置 React 非受控状态下的初始取值
    * @supported weapp, h5, rn
    */
-  value: string
+  defaultValue?: string
   /**
    * 仅当 mode 为 "time" 或 "date" 时有效，表示有效时间范围的开始，字符串格式为"hh:mm"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   start?: string
   /**
    * 仅当 mode 为 "time" 或 "date" 时有效，表示有效时间范围的结束，字符串格式为"hh:mm"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   end?: string
   /**
    * value 改变时触发 change 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   onChange: CommonEventFunction<PickerTimeProps.ChangeEventDetail>
 }
@@ -183,29 +196,33 @@ interface PickerDateProps extends PickerStandardProps {
   mode: 'date'
   /**
    * 表示选中的日期，格式为"YYYY-MM-DD"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    * @default 0
    */
   value: string
+  /** 设置 React 非受控状态下的初始取值
+   * @supported weapp, h5, rn
+   */
+  defaultValue?: string
   /**
    * 仅当 mode 为 "time" 或 "date" 时有效，表示有效时间范围的开始，字符串格式为"YYYY-MM-DD"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   start?: string
   /**
    * 仅当 mode 为 "time" 或 "date" 时有效，表示有效时间范围的结束，字符串格式为"YYYY-MM-DD"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   end?: string
   /**
    * 有效值 year, month, day，表示选择器的粒度
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony_hybrid
    * @default "day"
    */
   fields?: keyof PickerDateProps.Fields
   /**
    * value 改变时触发 change 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony, harmony_hybrid
    */
   onChange: CommonEventFunction<PickerDateProps.ChangeEventDetail>
 }
@@ -229,13 +246,17 @@ interface PickerRegionProps extends PickerStandardProps {
   mode: 'region'
   /**
    * 表示选中的省市区，默认选中每一列的第一个值
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony_hybrid
    * @default []
    */
   value?: string[]
+  /** 设置 React 非受控状态下的初始取值
+   * @supported weapp, h5, rn
+   */
+  defaultValue?: string[]
   /**
    * 可为每一列的顶部添加一个自定义的项
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony_hybrid
    */
   customItem?: string
   /**
@@ -251,7 +272,7 @@ interface PickerRegionProps extends PickerStandardProps {
   regionData?: PickerRegionProps.RegionData[]
   /**
    * value 改变时触发 change 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, harmony_hybrid
    */
   onChange: CommonEventFunction<PickerRegionProps.ChangeEventDetail>
 }
@@ -283,7 +304,7 @@ declare namespace PickerRegionProps {
 /**
  * 从底部弹起的滚动选择器
  * @classification forms
- * @supported weapp, swan, alipay, tt, h5, rn, harmony
+ * @supported weapp, swan, alipay, tt, h5, rn, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PagePicker extends Component {

package/types/PickerView.d.ts

@@ -5,6 +5,11 @@ interface PickerViewProps extends StandardProps {
    * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   value?: number[]
+  /** 设置 React 非受控状态下的初始取值
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   * @unique
+   */
+  defaultValue?: number[]
   /** 设置选择器中间选中框的样式
    * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
@@ -55,7 +60,7 @@ declare namespace PickerViewProps {
 /** 嵌入页面的滚动选择器
  * 其中只可放置 picker-view-column 组件，其它节点不会显示
  * @classification forms
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class Picks extends Component {

package/types/PickerViewColumn.d.ts

@@ -5,7 +5,7 @@ type PickerViewColumnProps = StandardProps
 /** 滚动选择器子项
  * 仅可放置于 `<PickerView />` 中，其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致
  * @classification forms
- * @supported weapp, swan, alipay, tt, h5, rn, harmony
+ * @supported weapp, swan, alipay, tt, h5, rn, harmony_hybrid
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/picker-view-column.html
  */
 declare const PickerViewColumn: ComponentType<StandardProps>

package/types/Progress.d.ts

@@ -2,59 +2,59 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface ProgressProps extends StandardProps {
   /** 百分比 0~100
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   percent?: number
   /** 在进度条右侧显示百分比
    * @default false
-   * @supported weapp, alipay, swan, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, qq, jd, h5, rn, harmony_hybrid
    */
   showInfo?: boolean
   /** 圆角大小
    * @default 0
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   borderRadius?: number | string
   /** 右侧百分比字体大小
    * @default 16
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   fontSize?: number | string
   /** 进度条线的宽度
    * @default 6
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   strokeWidth?: number | string
   /** 进度条颜色 (请使用 activeColor)
    * @default "#09BB07"
-   * @supported weapp, swan, qq, jd, h5
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid
    */
   color?: string
   /** 已选择的进度条的颜色
    * @default "#09BB07"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   activeColor?: string
   /** 未选择的进度条的颜色
    * @default "#EBEBEB"
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   backgroundColor?: string
   /** 进度条从左往右的动画
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   active?: boolean
   /** backwards: 动画从头播
    *
    * forwards: 动画从上次结束点接着播
    * @default backwards
-   * @supported weapp, swan, tt, qq, jd, h5, rn
+   * @supported weapp, swan, tt, qq, jd, h5, rn, harmony_hybrid
    */
   activeMode?: 'backwards' | 'forwards'
   /** 进度增加 1% 所需毫秒数
    * @default 30
-   * @supported weapp, swan, tt, jd, h5
+   * @supported weapp, swan, tt, jd, h5, harmony_hybrid
    */
   duration?: number
   /** 无障碍访问，（属性）元素的额外描述
@@ -62,13 +62,13 @@ interface ProgressProps extends StandardProps {
    */
   ariaLabel?: string
   /** 动画完成事件
-   * @supported weapp, tt, qq, jd, h5
+   * @supported weapp, tt, qq, jd, h5, harmony_hybrid
    */
   onActiveEnd?: CommonEventFunction
 }
 /** 进度条。组件属性的长度单位默认为 px
  * @classification base
- * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {