vite-plugin-taro-runtime 0.7.0 → 0.7.1-beta.2

package/dist/components/types/Image.d.ts

@@ -0,0 +1,175 @@
+import { ComponentType, ImgHTMLAttributes } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface ImageProps extends StandardProps {
+  /** 图片资源地址
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  src: string
+  /** 图片裁剪、缩放的模式
+   * @default "scaleToFill"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   * @rn 部分支持 scaleToFill, aspectFit, aspectFill, widthFix
+   * @harmony 部分支持 scaleToFill, aspectFit, aspectFill, widthFix, heightFix
+   */
+  mode?: keyof ImageProps.Mode
+  /** 默认不解析 webP 格式，只支持网络资源
+   * @default false
+   * @supported weapp, swan
+   */
+  webp?: boolean
+  /** 默认不解析 svg 格式，svg 图片只支持 aspectFit
+   * @default false
+   * @supported rn
+   */
+  svg?: boolean
+  /** 图片懒加载。只针对 page 与 scroll-view 下的 image 有效
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, harmony_hybrid, ascf
+   */
+  lazyLoad?: boolean
+  /** 开启长按图片显示识别小程序码菜单
+   * @default false
+   * @supported weapp
+   */
+  showMenuByLongpress?: boolean
+  /**
+   * 为 img 标签额外增加的属性
+   * @supported h5, harmony_hybrid
+   */
+  imgProps?: ImgHTMLAttributes<HTMLImageElement>
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5, harmony_hybrid
+   */
+  nativeProps?: Record<string, unknown>
+  /** 默认图片地址，若设置默认图片地址，会先显示默认图片，等 src 对应的图片加载成功后，再渲染对应的图片。
+   * @supported alipay
+   */
+  defaultSource?: string
+  /** 阻止长按图片时弹起默认菜单（即将该属性设置为image-menu-prevent="true"或image-menu-prevent），只在初始化时有效，不能动态变更；若不想阻止弹起默认菜单，则不需要设置此属性。注：长按菜单后的操作暂不支持 svg 格式
+   * @supported swan
+   */
+  imageMenuPrevent?: string
+  /** 点击后是否预览图片。在不设置的情况下，若 image 未监听点击事件且宽度大于 1/4 屏宽，则默认开启
+   * @supported swan
+   */
+  preview?: string
+  /** 预览时显示的图片地址
+   * @supported swan
+   */
+  originalSrc?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 是否渐显
+   * @supported weapp
+   * @default false
+   */
+  fadeIn?: boolean
+  /** 当错误发生时，发布到 AppService 的事件名，事件对象
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  onError?: CommonEventFunction<ImageProps.onErrorEventDetail>
+  /** 当图片载入完毕时，发布到 AppService 的事件名，事件对象
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  onLoad?: CommonEventFunction<ImageProps.onLoadEventDetail>
+  /** 点击图片时触发。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
+  /** 点击图片时触发，阻止事件冒泡。
+   * @supported alipay
+   */
+  catchTap?: CommonEventFunction
+}
+declare namespace ImageProps {
+  /** mode 的合法值 */
+  interface Mode {
+    /** 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 */
+    scaleToFill
+    /** 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 */
+    aspectFit
+    /** 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 */
+    aspectFill
+    /** 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 */
+    widthFix
+    /** 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 */
+    heightFix
+    /** 裁剪模式，不缩放图片，只显示图片的顶部区域 */
+    top
+    /** 裁剪模式，不缩放图片，只显示图片的底部区域 */
+    bottom
+    /** 裁剪模式，不缩放图片，只显示图片的中间区域 */
+    center
+    /** 裁剪模式，不缩放图片，只显示图片的左边区域 */
+    left
+    /** 裁剪模式，不缩放图片，只显示图片的右边区域 */
+    right
+    /** 裁剪模式，不缩放图片，只显示图片的左上边区域 */
+    'top left'
+    /** 裁剪模式，不缩放图片，只显示图片的右上边区域 */
+    'top right'
+    /** 裁剪模式，不缩放图片，只显示图片的左下边区域 */
+    'bottom left'
+    /** 裁剪模式，不缩放图片，只显示图片的右下边区域 */
+    'bottom right'
+  }
+  interface onErrorEventDetail {
+    /** 错误信息 */
+    errMsg: string
+  }
+  interface onLoadEventDetail {
+    /** 图片高度 */
+    height: number | string
+    /** 图片宽度 */
+    width: number | string
+  }
+}
+/** 图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式以及云文件ID。
+ *
+ * **Note:** 为实现小程序的 `mode` 特性，在 H5 组件中使用一个 `div` 容器来对内部的 `img` 进行展示区域的裁剪，因此请勿使用元素选择器来重置 `img` 的样式！
+ * @classification media
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * export default class PageView extends Component {
+ *   constructor() {
+ *     super(...arguments)
+ *   }
+ *
+ *   render() {
+ *     return (
+ *       <View className='components-page'>
+ *         <Image
+ *           style='width: 300px;height: 100px;background: #fff;'
+ *           src='nerv_logo.png'
+ *         />
+ *         <Image
+ *           style='width: 300px;height: 100px;background: #fff;'
+ *           src='https://camo.githubusercontent.com/3e1b76e514b895760055987f164ce6c95935a3aa/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f6d74642f686f6d652f6c6f676f2d3278313531333833373932363730372e706e67'
+ *         />
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="components-page">
+ *     <image
+ *       style="width: 300px;height: 100px;background: #fff;"
+ *       src="nerv_logo.png"
+ *     />
+ *     <image
+ *       style="width: 300px;height: 100px;background: #fff;"
+ *       src="https://camo.githubusercontent.com/3e1b76e514b895760055987f164ce6c95935a3aa/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f6d74642f686f6d652f6c6f676f2d3278313531333833373932363730372e706e67"
+ *     />
+ *   </view>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/image.html
+ */
+declare const Image: ComponentType<ImageProps>
+export { Image, ImageProps }

package/dist/components/types/InlinePaymentPanel.d.ts

@@ -0,0 +1,49 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface InlinePaymentPanelProps extends StandardProps {
+  /** 总金额，金额单位分，tip：仅支持整数型字符串
+   * @supported swan
+   */
+  totalAmount?: string
+  /** 百度收银台的财务结算凭证，详见平台术语
+   * @supported swan
+   */
+  dealId?: string
+  /** 支付能力开通后分配的支付 appKey，详见平台术语
+   * @supported swan
+   */
+  appKey?: string
+  /** 平台营销信息，此处传当前订单中可使用平台券的 spuid，同时需在 支付能力中搭配使用传入该参数；注：仅与百度合作平台类目券的开发者需要填写该参数
+   * @supported swan
+   */
+  promotionTag?: string | Array<string>
+  /** 是否设置挽留弹窗
+   * @supported swan
+   * @default false
+   */
+  enablePageBackModal?: boolean
+  /** 自定义样式设置
+   * @supported swan
+   */
+  customStyle?: string
+  /** 自定义样式档位配置，各档位配置项包括支付渠道/优惠券条高度、渠道图标大小、支付渠道文案字体大小、营销文案字体大小、选择器图标大小
+   * @supported swan
+   * @default "default"
+   */
+  styleType?: 'tiny' | 'small' | 'default' | 'medium' | 'large'
+  /** 获取支付相关信息，具体信息在返回值的 detail 字段中
+   * @supported swan
+   */
+  onGetPaymentInfo?: CommonEventFunction
+  /** 当发生错误时触发 error 事件，具体信息在返回值的 detail 字段中，例如 {detail: {errMsg: "something is wrong"}}
+   * @supported swan
+   */
+  onError?: CommonEventFunction
+}
+/** 内嵌支付组件
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/inline_payment_panel/
+ */
+declare const InlinePaymentPanel: ComponentType<InlinePaymentPanelProps>
+export { InlinePaymentPanel, InlinePaymentPanelProps }

package/dist/components/types/Input.d.ts

@@ -0,0 +1,353 @@
+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, harmony_hybrid, ascf
+   */
+  value?: string
+  /** 设置 React 非受控输入框的初始内容
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   * @unique
+   */
+  defaultValue?: string
+  /** input 的类型
+   * @default "text"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  type?: keyof InputProps.Type
+  /** 是否是密码类型
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  password?: boolean
+  /** 输入框为空时占位符
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  placeholder?: string
+  /** 指定 placeholder 的样式
+   * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony, ascf
+   */
+  placeholderStyle?: string
+  /** 指定 placeholder 的样式类
+   * @default "input-placeholder"
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
+   */
+  placeholderClass?: string
+  /** 指定 placeholder 的文本颜色
+   * @supported rn, harmony
+   */
+  placeholderTextColor?: string
+  /** 是否禁用
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  disabled?: boolean
+  /** 最大输入长度，设置为 -1 的时候不限制最大长度
+   * @default 140
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  maxlength?: number
+  /** 指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
+   * @default 0
+   * @supported weapp, swan, tt, qq, jd
+   */
+  cursorSpacing?: number
+  /** (即将废弃，请直接使用 focus )自动聚焦，拉起键盘
+   * @default false
+   * @deprecated
+   * @supported weapp, qq, jd, h5, harmony_hybrid
+   */
+  autoFocus?: boolean
+  /** 获取焦点
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  focus?: boolean
+  /** 设置键盘右下角按钮的文字，仅在type='text'时生效
+   * @alipay confirm-type 与 enableNative 属性冲突，若希望 confirm-type 生效，enableNative 不能设定为 false，而且不能设定 always-system
+   * @default done
+   * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony, ascf
+   */
+  confirmType?: keyof InputProps.ConfirmType
+  /** 点击键盘右下角按钮时是否保持键盘不收起
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd
+   */
+  confirmHold?: boolean
+  /** 指定focus时的光标位置
+   * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
+   */
+  cursor?: number
+  /** 光标颜色。iOS 下的格式为十六进制颜色值 #000000，安卓下的只支持 default 和 green，Skyline 下无限制
+   * @supported weapp
+   */
+  cursorColor?: string
+  /** 光标起始位置，自动聚集时有效，需与selection-end搭配使用
+   * @default -1
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   */
+  selectionStart?: number
+  /** 光标结束位置，自动聚集时有效，需与selection-start搭配使用
+   * @default -1
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   */
+  selectionEnd?: number
+  /** 键盘弹起时，是否自动上推页面
+   * @default true
+   * @supported weapp, swan, tt, qq, jd, harmony
+   */
+  adjustPosition?: boolean
+  /** focus 时，点击页面的时候不收起键盘
+   * @default false
+   * @supported weapp, tt
+   */
+  holdKeyboard?: boolean
+  /**
+   * 强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)
+   * @default false
+   * @supported weapp
+   */
+  alwaysEmbed?: boolean
+  /**
+   * 安全键盘加密公钥的路径，只支持包内路径
+   * @supported weapp
+   */
+  safePasswordCertPath?: string
+  /**
+   * 安全键盘输入密码长度
+   * @supported weapp
+   */
+  safePasswordLength?: number
+  /**
+   * 安全键盘加密时间戳
+   * @supported weapp
+   */
+  safePasswordTimeStamp?: number
+  /**
+   * 安全键盘加密盐值
+   * @supported weapp
+   */
+  safePasswordNonce?: string
+  /**
+   * 安全键盘计算hash盐值，若指定custom-hash 则无效
+   * @supported weapp
+   */
+  safePasswordSalt?: string
+  /**
+   * 安全键盘计算hash的算法表达式，如 `md5(sha1('foo' + sha256(sm3(password + 'bar'))))`
+   * @supported weapp
+   */
+  safePasswordCustomHash?: string
+  /**
+   * 当 type 为 number, digit, idcard 数字键盘是否随机排列
+   * @default false
+   * @supported alipay
+   */
+  randomNumber?: boolean
+  /**
+   * 是否为受控组件。为 true 时，value 内容会完全受 setData 控制。
+   *
+   * 建议当 type 值为 text 时不要将 controlled 设置为 true,详见 [Bugs & Tips](https://opendocs.alipay.com/mini/component/input#Bug%20%26%20Tip)
+   * @default false
+   * @supported alipay
+   */
+  controlled?: boolean
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5, harmony_hybrid
+   */
+  nativeProps?: Record<string, unknown>
+  /** 组件名字，用于表单提交获取数据。
+   * @supported alipay
+   */
+  name?: string
+  /** 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，confirm-type、confirm-hold 可能失效。
+   * @default false
+   * @supported alipay
+   */
+  alwaysSystem?: boolean
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 用于分发目的。取值：0 和 1，其中 0 表示默认，1 表示手机号，需要和留资分发配置一起使用，详情见留资分发配置。
+   * @supported tt
+   * @default 0
+   */
+  clueType?: number
+  /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  onInput?: CommonEventFunction<InputProps.inputEventDetail>
+  /** 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>
+  /** 输入框失去焦点时触发
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  onBlur?: CommonEventFunction<InputProps.inputValueEventDetail>
+  /** 点击完成按钮时触发
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>
+  /** 键盘高度发生变化的时候触发此事件
+   * @supported weapp, tt, qq, harmony
+   */
+  onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
+  /** 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效，event.detail = { pass, timeout }
+   * @supported weapp
+   */
+  onNickNameReview?: CommonEventFunction
+  /** 选区改变事件, {selectionStart, selectionEnd}
+   * @supported weapp
+   */
+  onSelectionChange?: CommonEventFunction
+  /** 输入法开始新的输入时触发 （仅当输入法支持时触发）
+   * @supported weapp
+   */
+  onKeyboardCompositionStart?: CommonEventFunction
+  /** 输入法输入字符时触发（仅当输入法支持时触发）
+   * @supported weapp
+   */
+  onKeyboardCompositionUpdate?: CommonEventFunction
+  /** 输入法输入结束时触发（仅当输入法支持时触发）
+   * @supported weapp
+   */
+  onKeyboardCompositionEnd?: CommonEventFunction
+  /** 键盘高度变化时触发。event.detail = {height: height, pageBottomPadding: pageBottomPadding}； height: 键盘高度，pageBottomPadding: 页面上推高度
+   * @supported weapp
+   */
+  onKeyoardHeightChangeWorklet?: string
+}
+declare namespace InputProps {
+  /** Input 类型 */
+  interface Type {
+    /** 文本输入键盘
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
+     */
+    text
+    /** 数字输入键盘
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
+     */
+    number
+    /** 身份证输入键盘
+     *@supported weapp, alipay, rn
+     */
+    idcard
+    /** 带小数点的数字键盘
+     * @supported weapp, alipay, h5, rn, harmony_hybrid
+     */
+    digit
+    /** 密码安全输入键盘[指引](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/safe-password.html)
+     * @supported weapp, alipay
+     */
+    'safe-password'
+    /** 昵称输入键盘
+     * @supported weapp, alipay
+     */
+    nickname
+    /** 数字输入键盘
+     * @supported alipay
+     */
+    numberpad
+    /** 带小数点的数字键盘
+     * @supported alipay
+     */
+    digitpad
+    /** 身份证输入键盘
+     * @supported alipay
+     */
+    idcardpad
+  }
+  /** Confirm 类型 */
+  interface ConfirmType {
+    /** 右下角按钮为“发送” */
+    send
+    /** 右下角按钮为“搜索” */
+    search
+    /** 右下角按钮为“下一个” */
+    next
+    /** 右下角按钮为“前往” */
+    go
+    /** 右下角按钮为“完成” */
+    done
+  }
+  /** > 注意：React-Native 端 `inputEventDetail` 仅实现参数 `value`，若需实时获取光标位置则可通过 [`onSelectionChange`](https://reactnative.dev/docs/textinput#onselectionchange) 实现。 */
+  interface inputEventDetail {
+    /** 输入值 */
+    value: string
+    /** 光标位置 */
+    cursor: number
+    /** 键值 */
+    keyCode: number
+  }
+  interface inputForceEventDetail {
+    /** 输入值 */
+    value: string
+    /** 键盘高度 */
+    height: number
+  }
+  interface inputValueEventDetail {
+    /** 输入值 */
+    value: string
+  }
+  interface onKeyboardHeightChangeEventDetail {
+    /** 键盘高度 */
+    height: number
+    /** 持续时间 */
+    duration: number
+  }
+}
+/** 输入框。该组件是原生组件，使用时请注意相关限制
+ * @classification forms
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <View className='example-body'>
+ *         <Text>可以自动聚焦的 input</Text>
+ *           <Input type='text' placeholder='将会获取焦点' focus/>
+ *           <Text>控制最大输入长度的 input</Text>
+ *           <Input type='text' placeholder='最大输入长度为 10' maxLength='10'/>
+ *           <Text>数字输入的 input</Text>
+ *           <Input type='number' placeholder='这是一个数字输入框'/>
+ *           <Text>密码输入的 input</Text>
+ *           <Input type='password' password placeholder='这是一个密码输入框'/>
+ *           <Text>带小数点的 input</Text>
+ *           <Input type='digit' placeholder='带小数点的数字键盘'/>
+ *           <Text>身份证输入的 input</Text>
+ *           <Input type='idcard' placeholder='身份证输入键盘'/>
+ *           <Text>控制占位符颜色的 input</Text>
+ *           <Input type='text' placeholder='占位符字体是红色的' placeholderStyle='color:red'/>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="example-body">
+ *     <text>可以自动聚焦的 input</text>
+ *     <input type="text" placeholder="将会获取焦点" :focus="true" />
+ *     <text>控制最大输入长度的 input</text>
+ *     <input type="text" placeholder="最大输入长度为 10" maxLength="10"/>
+ *     <text>数字输入的 input</text>
+ *     <input type="number" placeholder="这是一个数字输入框"/>
+ *     <text>密码输入的 input</text>
+ *     <input type="password" :password="true" placeholder="这是一个密码输入框"/>
+ *     <text>带小数点的 input</text>
+ *     <input type="digit" placeholder="带小数点的数字键盘"/>
+ *     <text>身份证输入的 input</text>
+ *     <input type="idcard" placeholder="身份证输入键盘"/>
+ *     <text>控制占位符颜色的 input</text>
+ *     <input type="text" placeholder="占位符字体是红色的" placeholder-style="color:red;"/>
+ *   </view>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/input.html
+ */
+declare const Input: ComponentType<InputProps>
+export { Input, InputProps }

package/dist/components/types/KeyboardAccessory.d.ts

@@ -0,0 +1,42 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+
+/** @ignore */
+type KeyboardAccessoryProps = StandardProps
+
+/** 设置 Input / Textarea 聚焦时键盘上方 CoverView / CoverImage 工具栏视图。需要配置 Taro 插件 `@tarojs/plugin-platform-weapp` 的 `enablekeyboardAccessory` 参数为 `true` 后才能使用，请参考：[#9548](https://github.com/NervJS/taro/issues/9548#issuecomment-891682216)。
+ *
+ * @classification forms
+ * @supported weapp
+ * @example
+ * ```js
+ * // config/index.js
+ * {
+ *   // ...
+ *   plugins: [
+ *     ['@tarojs/plugin-platform-weapp', {
+ *       enablekeyboardAccessory: true
+ *     }]
+ *   ]
+ * }
+ * ```
+ *
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <Textarea holdKeyboard="{{true}}">
+ *         <KeyboardAccessory className="container" style={{ height: 50 }} >
+ *           <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'green' }}>1</CoverView>
+ *           <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'red' }}>2</CoverView>
+ *         </KeyboardAccessory>
+ *       </Textarea>
+ *     )
+ *   }
+ * }
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/keyboard-accessory.html
+ */
+declare const KeyboardAccessory: ComponentType<KeyboardAccessoryProps>
+
+export { KeyboardAccessory, KeyboardAccessoryProps }

package/dist/components/types/Label.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface LabelProps extends StandardProps {
+  /** 绑定控件的 id
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid, ascf
+   */
+  for?: string
+}
+/** 用来改进表单组件的可用性。
+ *
+ * 使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。 for优先级高于内部控件，内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有：button, checkbox, radio, switch。
+ * @classification forms
+ * @supported weapp, swan, alipay, tt, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Components {
+ *
+ *   render () {
+ *     return (
+ *       <RadioGroup>
+ *         <Label className='example-body__label' for='1' key='1'>
+ *           <Radio value='USA'>USA</Radio>
+ *         </Label>
+ *         <Label className='example-body__label' for='2' key='2'>
+ *           <Radio value='CHN' checked>
+ *           CHN
+ *           </Radio>
+ *         </Label>
+ *       </RadioGroup>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <radio-group>
+ *     <label class="example-body__label" for="1" key="1">
+ *       <radio id="1" value="USA" />
+ *       USA
+ *     </label>
+ *     <label class="example-body__label" for="2" key="2">
+ *       <radio id="2" value="CHN" :checked="true" />
+ *       CHN
+ *     </label>
+ *   </radio-group>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/label.html
+ */
+declare const Label: ComponentType<LabelProps>
+export { Label, LabelProps }