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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.3",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -33,13 +33,11 @@
     "@stencil/core": "^2.22.2",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
-    "intersection-observer": "^0.7.0",
     "resolve-pathname": "^3.0.0",
+    "tslib": "^2.6.2",
     "swiper": "6.8.0",
-    "weui": "^1.1.2",
-    "@tarojs/components-advanced": "4.0.0-beta.1",
-    "@tarojs/router": "4.0.0-beta.1",
-    "@tarojs/taro": "4.0.0-beta.1"
+    "@tarojs/components-advanced": "4.0.0-beta.3",
+    "@tarojs/taro": "4.0.0-beta.3"
   },
   "devDependencies": {
     "@babel/generator": "^7.20.0",
@@ -47,7 +45,6 @@
     "@babel/traverse": "^7.20.0",
     "@babel/types": "^7.20.0",
     "@stencil/react-output-target": "0.4.0",
-    "@stencil/sass": "^2.0.0",
     "@stencil/vue-output-target": "0.7.0",
     "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
@@ -55,13 +52,18 @@
     "csstype": "^3.1.1",
     "esbuild": "~0.19.5",
     "jquery": "^3.4.1",
+    "lightningcss": "^1.22.1",
     "lodash": "^4.17.21",
     "miniapp-types": "1.6.0",
     "puppeteer": "^19.2.0",
+    "rollup": "^3.8.1",
+    "rollup-plugin-node-externals": "^5.0.0",
+    "sass": "^1.58.3",
     "stencil-vue2-output-target": "0.0.4",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.14.1",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "mkdirp": "^1.0.4"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -81,10 +83,10 @@
     "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run dev",
     "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run dev",
     "generate:lib": "mkdirp lib",
-    "generate:stencil-config": "esbuild ./scripts/stencil/stencil.config.ts --bundle --platform=node --outfile=stencil.config.js",
+    "generate:stencil-config": "esbuild ./scripts/stencil/stencil.config.ts --external:lightningcss --bundle --platform=node --outfile=stencil.config.js",
     "sync:types": "pnpm run tsx --files scripts/json-schema-to-types.ts",
     "test": "cross-env NODE_ENV=test stencil test --spec --e2e",
-    "test:ci": "pnpm test -- --ci --no-build",
+    "test:ci": "pnpm test -- --ci -i --coverage --silent --no-build",
     "test:coverage": "pnpm test -- --ci --screenshot --coverage",
     "test:watch": "pnpm test -- --screenshot --watch",
     "tsx": "ts-node --skipIgnore"

package/types/Audio.d.ts

@@ -6,22 +6,22 @@ interface AudioProps extends StandardProps {
    */
   id?: string
   /** 要播放音频的资源地址
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   src?: string
   /** 是否循环播放
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   loop?: boolean
   /** 是否静音播放
    * @default false
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   muted?: boolean
   /** 是否显示默认控件
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   controls?: boolean
   /** 默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效
@@ -39,27 +39,27 @@ interface AudioProps extends StandardProps {
    */
   author?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 当发生错误时触发 error 事件，detail = {errMsg: MediaError.code}
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onError?: CommonEventFunction<AudioProps.onErrorEventDetail>
   /** 当开始/继续播放时触发play事件
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onPlay?: CommonEventFunction
   /** 当暂停播放时触发 pause 事件
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onPause?: CommonEventFunction
   /** 当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration}
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onTimeUpdate?: CommonEventFunction<AudioProps.onTimeUpdateEventDetail>
   /** 当播放到末尾时触发 ended 事件
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, h5, harmony_hybrid
    */
   onEnded?: CommonEventFunction
 }
@@ -89,7 +89,7 @@ declare namespace AudioProps {
 /** 音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的 Taro.createInnerAudioContext 接口
  * @classification media
  * @deprecated
- * @supported weapp, swan, qq, h5
+ * @supported weapp, swan, qq, h5, harmony_hybrid
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Button.d.ts

@@ -3,27 +3,27 @@ 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, harmony
+   * @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, harmony
+   * @supported weapp, alipay, swan, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   plain?: 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
    */
   disabled?: boolean
   /** 名称前是否带 loading 图标
-   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
    * @default false
    */
   loading?: boolean
@@ -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 英文。
@@ -527,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/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 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新
@@ -16,39 +16,39 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
   disableScroll?: boolean
   /** 组件唯一标识符。
    * 注意：同一页面中的 id 不可重复。
-   * @supported alipay, h5
+   * @supported alipay, h5, harmony_hybrid
    */
   id?: string
   /**
-   * @supported alipay, h5
+   * @supported alipay, h5, harmony_hybrid
    */
   width?: string
   /**
-   * @supported alipay, h5
+   * @supported alipay, h5, harmony_hybrid
    */
   height?: string
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 手指触摸动作开始
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchStart?: CanvasTouchEventFunction
   /** 手指触摸后移动
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchMove?: CanvasTouchEventFunction
   /** 手指触摸动作结束
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid
    */
   onTouchEnd?: CanvasTouchEventFunction
   /** 手指触摸动作被打断，如来电提醒，弹窗
-   * @supported weapp, alipay, swan, tt, qq, jd, h5
+   * @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, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid
  * @example_react
  * ```tsx
  * class App extends Components {

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/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/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,25 @@ 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
+   */
+  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 +38,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 +54,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 +148,7 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   controlled?: boolean
   /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
-   * @supported h5
+   * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
   /** 组件名字，用于表单提交获取数据。
@@ -166,19 +170,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 +198,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 +210,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 +275,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 {