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

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

@@ -0,0 +1,112 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface CommentListProps extends StandardProps {
+  /** 评论核心参数
+   * @supported swan
+   */
+  commentParam: CommentListProps.ICommentParam
+  /** 底部 toolbar 的相关配置
+   * @supported swan
+   */
+  toolbarConfig?: CommentListProps.IToolbarConfig
+  /** 滚动方式为页面滚动，若组件作为浮层使用，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  isPageScroll?: boolean
+  /** 是否需要底部 toolbar ，若使用开发者自定义的底部 toolbar ，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  needToolbar?: boolean
+  /** 用于调起评论发布器发布评论，发布成功插入列表第一条，且滚动到列表顶部
+   * @supported swan
+   * @default false
+   */
+  addComment?: boolean
+  /** 点击单条评论跳转的详情页页面 path ，若没有配置则不会发生跳转；配置的前提是列表与详情均是页面级
+   * @supported swan
+   */
+  detailPath?: string
+  /** 是否折叠列表，默认全展示
+   * @supported swan
+   * @default false
+   */
+  isFolded?: boolean
+  /** 折叠后列表展示最大条数，默认 3 条，最多 10 条
+   * @supported swan
+   * @default 3
+   */
+  foldNum?: number
+  /** 传入放置评论组件的页面路径，如'/pages/list/index'，组件内部会触发跳转逻辑
+   * @supported swan
+   */
+  viewMorePath?: string
+  /** 『全部 xx 条』的样式，目前只支持开发者自定义字体颜色
+   * @supported swan
+   */
+  viewMoreStyle?: CommentListProps.IViewMoreStyle
+  /** 绑定点击单条评论的事件，点击单条评论时触发，返回数据为{status, data:{srid}}
+   * @supported swan
+   */
+  onClickComment?: CommonEventFunction
+  /** 绑定点击更多事件，若除了页面跳转还需要其他操作，可通过该回调执行；若为浮层，也可使用该回调自定义交互逻辑
+   * @supported swan
+   */
+  onViewMore?: CommonEventFunction
+  /** 评论发布成功时触发，返回数据为 {status, data:{srid}}
+   * @supported swan
+   */
+  onReply?: CommonEventFunction
+}
+namespace CommentListProps {
+  interface ICommentParam {
+    /** 被点赞的文章的 id，与 path 参数一一对应
+     * @example "20200101"
+     */
+    snid: string
+    /** 文章标题 */
+    title: string
+    /** 智能小程序内页链接，最长不能超过 194 字符
+     * @example "/pages/index/index"
+     */
+    path: string
+    /** 数组第一项用于收藏功能的展示图片
+     * @default ['https://b.bdstatic.com/miniapp/images/demo-dog.png']
+     */
+    images?: string[]
+  }
+  interface IToolbarConfig {
+    /** 输入框提示文字 */
+    placeholder?: string
+    /** 显示的互动模块，对应默认值分别是：评论数、点赞、收藏、分享
+     * @default ['comment', 'like', 'favor', 'share']
+     */
+    moduleList?: string
+    /** 若 moduleList 里配置了 share 模块，该参数为必填 */
+    share?: IShare
+  }
+  interface IShare {
+    /** 分享标题 */
+    title: string
+    /** 分享内容 */
+    content?: string
+    /** 分享图标 */
+    imageUrl?: string
+    /** 页面 path ，必须是以 / 开头的完整路径，如果 path 中参数包含中文字符，需对中文字符进行编码 */
+    path?: string
+  }
+  interface IViewMoreStyle {
+    /** 『全部 xx 条』的字体颜色，默认为视觉提供色号，开发者可传入自定义色号
+     * @default "#3388ff"
+     */
+    color?: string
+  }
+}
+/** 评论列表
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/extended/component-content/comment-list/
+ */
+declare const CommentList: ComponentType<CommentListProps>
+export { CommentList, CommentListProps }

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

@@ -0,0 +1,46 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface ContactButtonProps extends StandardProps {
+  /** 必填。企业唯一编码，一个企业支付宝账号对应一个编码。
+   * @supported alipay
+   */
+  tntInstId: string
+  /** 必填。聊天窗编码，每个聊天窗的唯一编码。
+   * @supported alipay
+   */
+  scene: string
+  /** 选填。咨询按钮大小，正方形设置边长（如25*25 px）。
+   * @supported alipay
+   * @default 25
+   */
+  size?: number | string
+  /** 选填。咨询按钮颜色，默认白底蓝色。
+   * @supported alipay
+   * @default "#00A3FF"
+   */
+  color?: string
+  /** 选填。咨询按钮头像。
+   * @supported alipay
+   */
+  icon?: string
+  /** 选填。支付宝访客用户ID（2088开头）。
+   * 说明： 客服回答问题时，如客户已离开咨询窗口，则通过推送消息到支付宝 card 中提醒客户。
+   * @supported alipay
+   */
+  alipayCardNo?: string
+  /** 选填。该属性主要用于传递一些扩展信息给组件，以实现一些高级功能。该属性值的生成方式为：encodeURIComponent({"字段名":"字段值"})， 其中，字段名和字段值要根据实际使用的功能进行替换。
+   * 目前通过传入扩展信息可支持的 3 个功能：
+   * 1.访客名片。需传 cinfo 和 key 两个扩展字段，代码形如在云客服中进入 设置 > 服务窗配置 > 聊天窗 URL。点击操作栏中的 聊天窗 URL ，获取 tntInstId（企业编码）和 scene（聊天窗编码）。encodeURIComponent({"cinfo":"生成的 cinfo","key":"生成的key"})，cinfo 和 key 的值说明 支付宝小程序接入访客名片；
+   * 2.聊天窗默认带出用户的小程序订单数据。需传 appId 字段，代码形如encodeURIComponent({"appId":"商户小程序appid"})
+   * 3.未读客服消息同步至"我的小程序-我的"。同样需传 appId 字段，代码形如 encodeURIComponent({"appId":"商户小程序appid"})。
+   * @supported alipay
+   */
+  extInfo?: string
+}
+/** 智能客服
+ * @classification open
+ * @supported alipay
+ * @see https://opendocs.alipay.com/mini/component/contact-button
+ */
+declare const ContactButton: ComponentType<ContactButtonProps>
+export { ContactButton, ContactButtonProps }

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

@@ -0,0 +1,151 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface CoverImageProps extends StandardProps {
+  /** 图标路径，支持临时路径、网络地址、云文件ID。暂不支持base64格式。
+   * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
+   */
+  src: string
+  /** 图片裁剪、缩放的模式
+   * @default "scaleToFill"
+   * @supported ascf
+   */
+  mode?: keyof CoverImageProps.Mode
+  /** 格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 为小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本；
+   * @supported weapp
+   */
+  referrerPolicy?: 'origin' | 'no-referrer'
+  /** 设置与容器顶部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 top 值，该属性优先级高于 fixed-bottom，CSS 设置的 position、top、bottom 值
+   * @supported swan
+   */
+  fixedTop?: string
+  /** 设置与容器右侧的固定距离，效果相当于在 CSS 中设置 position: fixed 和 right 值，该属性优先级高于 CSS 设置的 position、left、right 值
+   * @supported swan
+   */
+  fixedRight?: string
+  /** 设置与容器底部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 bottom 值，该属性优先级高于 CSS 设置的 position、top、bottom 值
+   * @supported swan
+   */
+  fixedBottom?: string
+  /** 设置与容器左侧的固定距离，效果相当于在 CSS 中设置 position: fixed 和 left 值，该属性优先级高于 fixed-right，CSS 设置的 position、left、right 值
+   * @supported swan
+   */
+  fixedLeft?: string
+  /** 无障碍访问，（角色）标识元素的作用
+   * @supported qq
+   */
+  ariaRole?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 图片加载成功时触发
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid, ascf
+   */
+  onLoad?: CommonEventFunction
+  /** 图片加载失败时触发
+   * @supported weapp, swan, qq, jd, h5, harmony_hybrid, ascf
+   */
+  onError?: CommonEventFunction
+  /** 点击事件回调。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
+}
+declare namespace CoverImageProps {
+  /** mode 的合法值 */
+  interface Mode {
+    /** 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 */
+    scaleToFill
+    /** 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 */
+    aspectFit
+    /** 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 */
+    aspectFill
+    /** 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 */
+    widthFix
+    /** 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 */
+    heightFix
+    /** 裁剪模式，不缩放图片，只显示图片的顶部区域 */
+    top
+    /** 裁剪模式，不缩放图片，只显示图片的底部区域 */
+    bottom
+    /** 裁剪模式，不缩放图片，只显示图片的中间区域 */
+    center
+    /** 裁剪模式，不缩放图片，只显示图片的左边区域 */
+    left
+    /** 裁剪模式，不缩放图片，只显示图片的右边区域 */
+    right
+    /** 裁剪模式，不缩放图片，只显示图片的左上边区域 */
+    'top left'
+    /** 裁剪模式，不缩放图片，只显示图片的右上边区域 */
+    'top right'
+    /** 裁剪模式，不缩放图片，只显示图片的左下边区域 */
+    'bottom left'
+    /** 裁剪模式，不缩放图片，只显示图片的右下边区域 */
+    'bottom right'
+  }
+}
+/** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * // js
+ * class App extends Components {
+ *   render () {
+ *     return (
+ *       <View className='container'>
+ *       <Video id='myVideo' src='src'>
+ *         <CoverView className='controls'>
+ *           <CoverView className='play' onClick='play'>
+ *             <CoverImage className='img' src='src' />
+ *           </CoverView>
+ *         </CoverView>
+ *       </Video>
+ *     )
+ *   }
+ * }
+ * // css
+ * .container {
+ *   position: relative;
+ * }
+ * .controls {
+ *   position: absolute;
+ *   top: 50%;
+ *   left: 50%;
+ *   width: 300px;
+ *   height: 225px;
+ *   transform: translate(-50%, -50%);
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="container">
+ *     <video id='myvideo' src='https://ugccsy.qq.com/uwMROfz2r5zBIaQXGdGnC2dfDma3J1MItM3912IN4IRQvkRM/o31507f7lcd.mp4?sdtfrom=v1010&guid=aa18cf106b7fdb7e40f2d20b206f2b4f&vkey=63B0FCCC7FC3ADC342C166D86571AE02772258CD9B515B065DC68DF3919D8C288AE831D570ED5E8FE0FF3E81E170D04FF11F874BFDDACF7AAA2C0CFF2ACB39FB1A94DAD1AB859BDA53E4DD6DBCDC1217CEF789A9AC079924E2BBC599EED7A1FFDD60A727F2EB7E7B6472CE63DD4B683C9199DFC78A6A6C4D9891E05467C4B64E'>
+ *     </video>
+ *     <cover-view class='controls'>
+ *       <cover-view class='play' `@tap='play'>
+ *         <cover-image class='img' src='https://img10.360buyimg.com/ling/s345x208_jfs/t1/133501/7/9865/382161/5f5ee31fEbdd6a418/0cdc0156ffff3c23.png' />
+ *       </cover-view>
+ *     </cover-view>
+ *   </view>
+ * </template>
+ *
+ * <style>
+ * .container {
+ *   position: relative;
+ * }
+ * .controls {
+ *   position: absolute;
+ *   top: 50%;
+ *   left: 50%;
+ *   width: 300px;
+ *   height: 225px;
+ *   transform: translate(-50%, -50%);
+ * }
+ * </style>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html
+ */
+declare const CoverImage: ComponentType<CoverImageProps>
+export { CoverImage, CoverImageProps }

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

@@ -0,0 +1,219 @@
+import { ComponentType } from 'react'
+import { CommonEventFunction } from './common'
+import { ViewProps } from './View'
+interface CoverViewProps extends ViewProps {
+  /** 设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效
+   * @supported weapp, alipay, swan, qq, jd
+   */
+  scrollTop?: number
+  /** 设置与容器顶部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 top 值，该属性优先级高于 fixed-bottom，CSS 设置的 position、top、bottom 值
+   * @supported swan
+   */
+  fixedTop?: string
+  /** 设置与容器右侧的固定距离，效果相当于在 CSS 中设置 position: fixed 和 right 值，该属性优先级高于 CSS 设置的 position、left、right 值
+   * @supported swan
+   */
+  fixedRight?: string
+  /** 设置与容器底部的固定距离，效果相当于在 CSS 中设置 position: fixed 和 bottom 值，该属性优先级高于 CSS 设置的 position、top、bottom 值
+   * @supported swan
+   */
+  fixedBottom?: string
+  /** 设置与容器左侧的固定距离，效果相当于在 CSS 中设置 position: fixed 和 left 值，该属性优先级高于 fixed-right，CSS 设置的 position、left、right 值
+   * @supported swan
+   */
+  fixedLeft?: string
+  /** 无障碍访问，（角色）标识元素的作用
+   * @supported qq
+   */
+  ariaRole?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 允许横向滚动。
+   * @supported alipay
+   * @default false
+   */
+  scrollX?: boolean
+  /** 允许纵向滚动。
+   * @supported alipay
+   * @default false
+   */
+  scrollY?: boolean
+  /** 距顶部/左边多远时（单位px），触发 scrolltoupper 事件。
+   * @supported alipay
+   * @default 50
+   */
+  upperThreshold?: number
+  /** 距底部/右边多远时（单位px），触发 scrolltolower 事件。
+   * @supported alipay
+   * @default 50
+   */
+  lowerThreshold?: number
+  /** 设置横向滚动条位置。
+   * @supported alipay
+   */
+  scrollLeft?: number
+  /** 滚动到子元素，值应为某子元素的 id。当滚动到该元素时，元素顶部对齐滚动区域顶部。
+   * 说明：scroll-into-view 的优先级高于 scroll-top。
+   * @supported alipay
+   */
+  scrollIntoView?: string
+  /** 在设置滚动条位置时使用动画过渡。
+   * @supported alipay
+   * @default false
+   */
+  scrollWithAnimation?: boolean
+  /** 当 scroll-with-animation设置为 true 时，可以设置 scroll-animation-duration 来控制动画的执行时间，单位 ms。
+   * @supported alipay
+   */
+  scrollAnimationDuration?: number
+  /** 当点击 iOS 顶部状态栏或者双击 Android 标题栏时，滚动条返回顶部，只支持竖向。
+   * @supported alipay
+   * @default false
+   */
+  enableBackToTop?: boolean
+  /** 纵向滚动时，当滚动到顶部或底部时，强制禁止触发页面滚动，仍然只触发 scroll-view 自身的滚动。
+   * @supported alipay
+   * @default false
+   */
+  trapScroll?: boolean
+  /** 发生滚动前，对滚动方向进行判断，当方向是顶部/左边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到顶部/左边，禁止滚动。
+   * @supported alipay
+   */
+  disableLowerScroll?: string
+  /** 发生滚动前，对滚动方向进行判断，当方向是底部/右边时，如果值为 always 将始终禁止滚动，如果值为 out-of-bounds 且当前已经滚动到底部/右边，禁止滚动。
+   * @supported alipay
+   */
+  disableUpperScroll?: string
+  /** 滚动到顶部/左边，会触发 scrolltoupper 事件。
+   * @supported alipay
+   */
+  onScrollToUpper?: CommonEventFunction
+  /** 滚动到底部/右边，会触发 scrolltolower事件。
+   * @supported alipay
+   */
+  onScrollToLower?: CommonEventFunction
+  /** 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth}。
+   * @supported alipay
+   */
+  onScroll?: CommonEventFunction
+  /** 触摸动作开始。
+   * @supported alipay
+   */
+  onTouchStart?: CommonEventFunction
+  /** 触摸后移动。
+   * @supported alipay
+   */
+  onTouchMove?: CommonEventFunction
+  /** 触摸动作结束。
+   * @supported alipay
+   */
+  onTouchEnd?: CommonEventFunction
+  /** 触摸动作被打断，如来电提醒、弹窗。
+   * @supported alipay
+   */
+  onTouchCancel?: CommonEventFunction
+  /**
+   * 标记点 ID
+   * @description 用于地图组件的标记点识别
+   * @supported weapp
+   * @example
+   * <CoverView markerId={123} />
+   */
+  markerId?: number
+  /**
+   * 插槽名称
+   * @description 用于组件间的内容分发
+   * @supported weapp
+   * @example
+   * <CoverView slot="header" />
+   */
+  slot?: string
+  /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
+   * @default none
+   * @supported ascf
+   */
+  hoverClass?: string
+  /** 指定是否阻止本节点的祖先节点出现点击态
+   * @default false
+   * @supported ascf
+   */
+  hoverStopPropagation?: boolean
+  /** 按住后多久出现点击态，单位毫秒
+   * @default 50
+   * @supported ascf
+   */
+  hoverStartTime?: number
+  /** 手指松开后点击态保留时间，单位毫秒
+   * @default 400
+   * @supported ascf
+   */
+  hoverStayTime?: number
+}
+/** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * // js
+ * class App extends Components {
+ *   render () {
+ *     return (
+ *       <View className='container'>
+ *         <Video id='myVideo' src='src'>
+ *           <CoverView className='controls'>
+ *             <CoverView className='play' onClick='play'>
+ *               <CoverImage className='img' src='src' />
+ *             </CoverView>
+ *           </CoverView>
+ *         </Video>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * // css
+ * .container {
+ *   position: relative;
+ * }
+ * .controls {
+ *   position: absolute;
+ *   top: 50%;
+ *   left: 50%;
+ *   width: 300px;
+ *   height: 225px;
+ *   transform: translate(-50%, -50%);
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="container">
+ *     <video id='myvideo' src='https://ugccsy.qq.com/uwMROfz2r5zBIaQXGdGnC2dfDma3J1MItM3912IN4IRQvkRM/o31507f7lcd.mp4?sdtfrom=v1010&guid=aa18cf106b7fdb7e40f2d20b206f2b4f&vkey=63B0FCCC7FC3ADC342C166D86571AE02772258CD9B515B065DC68DF3919D8C288AE831D570ED5E8FE0FF3E81E170D04FF11F874BFDDACF7AAA2C0CFF2ACB39FB1A94DAD1AB859BDA53E4DD6DBCDC1217CEF789A9AC079924E2BBC599EED7A1FFDD60A727F2EB7E7B6472CE63DD4B683C9199DFC78A6A6C4D9891E05467C4B64E'>
+ *     </video>
+ *     <cover-view class='controls'>
+ *       <cover-view class='play' `@tap='play'>
+ *         <cover-image class='img' src='https://img10.360buyimg.com/ling/s345x208_jfs/t1/133501/7/9865/382161/5f5ee31fEbdd6a418/0cdc0156ffff3c23.png' />
+ *       </cover-view>
+ *     </cover-view>
+ *   </view>
+ * </template>
+ *
+ * <style>
+ * .container {
+ *   position: relative;
+ * }
+ * .controls {
+ *   position: absolute;
+ *   top: 50%;
+ *   left: 50%;
+ *   width: 300px;
+ *   height: 225px;
+ *   transform: translate(-50%, -50%);
+ * }
+ * </style>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html
+ */
+declare const CoverView: ComponentType<CoverViewProps>
+export { CoverView, CoverViewProps }

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

@@ -0,0 +1,31 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+
+interface CustomWrapperProps extends StandardProps {
+}
+
+/** custom-wrapper 自定义组件包裹器
+ * 当数据更新层级较深时，可用此组件将需要更新的区域包裹起来，这样更新层级将大大减少
+ * @classification viewContainer
+ * @supported weapp, swan, alipay, tt, jd, qq, h5, harmony_hybrid, ascf
+ * @example
+ * ```tsx
+ * import { Component } from 'react'
+ * import { CustomWrapper, View, Text } from 'vite-plugin-taro-runtime/components'
+ *
+ * export default class C extends Component {
+ *   render () {
+ *     return (
+ *       <View>
+ *         <CustomWrapper>
+ *            <Text>Hello, world!</Text>
+ *         </CustomWrapper>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ */
+declare const CustomWrapper: ComponentType<CustomWrapperProps>
+
+export { CustomWrapper, CustomWrapperProps }

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

@@ -0,0 +1,52 @@
+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[]
+  /**
+   * 尺寸发生变化时触发，仅支持 worklet 作为回调。event = {pixels, size}
+   * @supported weapp
+   */
+  onSizeUpdateWorklet?: string
+}
+
+/**
+ * 半屏可拖拽组件
+ * 该组件需配合 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 }