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

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

@@ -0,0 +1,183 @@
+import { ComponentType } from 'react'
+import { StyleProp, ViewStyle } from 'react-native'
+import { CommonEventFunction, StandardProps } from './common'
+interface ViewProps extends StandardProps {
+  /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
+   * @default none
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   * @rn 由于 RN 不支持 hoverClass，故 RN 端的 View 组件实现了 `hoverStyle`属性，写法和 style 类似，只不过 `hoverStyle` 的样式是指定按下去的样式。
+   */
+  hoverClass?: string
+  /** 由于 RN 不支持 hoverClass，故 RN 端的 View 组件实现了 `hoverStyle`属性，写法和 style 类似，只不过 `hoverStyle` 的样式是指定按下去的样式。
+   * @default none
+   * @supported rn
+   */
+  hoverStyle?: StyleProp<ViewStyle>
+  /** 指定是否阻止本节点的祖先节点出现点击态
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
+   */
+  hoverStopPropagation?: boolean
+  /** 按住后多久出现点击态，单位毫秒
+   * @default 50
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  hoverStartTime?: number
+  /** 手指松开后点击态保留时间，单位毫秒
+   * @default 400
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  hoverStayTime?: number
+  /** 是否阻止区域内滚动页面。
+   * 说明： 如果 view 中嵌套 view，外层 view 设置 disable-scroll 为 true 时禁止内部的滚动。
+   * @supported alipay
+   * @default false
+   */
+  disableScroll?: boolean
+  /** 是否隐藏。
+   * @supported alipay
+   * @default false
+   */
+  hidden?: boolean
+  /** 用于动画，详见 my.createAnimation 。使用 my.createAnimation 生成的动画是通过过渡（Transition）实现的，只会触发 onTransitionEnd，不会触发 onAnimationStart, onAnimationIteration, onAnimationEnd。
+   * @supported alipay
+   * @default {}
+   */
+  animation?: TaroGeneral.IAnyObject
+  /** 表示组件的语义角色。设置为 img 时，组件聚焦后读屏软件会朗读出 图像 ；设置为 button 时，聚焦后读屏软件会朗读出 按钮 。详情请参见 aria-component。
+   * @supported alipay
+   */
+  role?: string
+  /** 无障碍访问，（角色）标识元素的作用
+   * @supported qq
+   */
+  ariaRole?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** 点击。
+   * @supported alipay
+   */
+  onTap?: CommonEventFunction
+  /** 触摸动作开始。
+   * @supported alipay
+   */
+  onTouchStart?: CommonEventFunction
+  /** 触摸后移动。
+   * @supported alipay
+   */
+  onTouchMove?: CommonEventFunction
+  /** 触摸动作结束。
+   * @supported alipay
+   */
+  onTouchEnd?: CommonEventFunction
+  /** 触摸动作被打断，如来电提醒，弹窗。
+   * @supported alipay
+   */
+  onTouchCancel?: CommonEventFunction
+  /** 长按 500ms 之后触发，触发了长按事件后进行移动将不会触发屏幕的滚动。
+   * @supported alipay
+   */
+  onLongTap?: CommonEventFunction
+  /** 过渡（Transition）结束时触发。
+   * @supported alipay
+   */
+  onTransitionEnd?: CommonEventFunction
+  /** 每开启一次新的动画过程时触发。（第一次不触发）
+   * @supported alipay
+   */
+  onAnimationIteration?: CommonEventFunction
+  /** 动画开始时触发。
+   * @supported alipay
+   */
+  onAnimationStart?: CommonEventFunction
+  /** 动画结束时触发。
+   * @supported alipay
+   */
+  onAnimationEnd?: CommonEventFunction
+  /** 当前元素可见面积超过50%时触发。
+   * @supported alipay
+   */
+  onAppear?: CommonEventFunction
+  /** 当前元素不可见面积超过50%时触发。
+   * @supported alipay
+   */
+  onDisappear?: CommonEventFunction
+  /** 当前元素首次可见面积达到50%时触发。
+   * @supported alipay
+   */
+  onFirstAppear?: CommonEventFunction
+  /** 是否以 catch 的形式绑定 touchmove 事件
+   * @supported weapp, alipay, swan, tt, qq, jd
+   * @version 3.1.0+
+   * @unique
+   */
+  catchMove?: boolean
+}
+/** 视图容器
+ * @classification viewContainer
+ * @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'>
+ *         <Text>flex-direction: row 横向布局</Text>
+ *         <View className='flex-wrp' style='flex-direction:row;'>
+ *           <View className='flex-item demo-text-1'/>
+ *           <View className='flex-item demo-text-2'/>
+ *           <View className='flex-item demo-text-3'/>
+ *         </View>
+ *         <Text>flex-direction: column 纵向布局</Text>
+ *         <View className='flex-wrp' style='flex-direction:column;'>
+ *           <View className='flex-item flex-item-V demo-text-1'/>
+ *           <View className='flex-item flex-item-V demo-text-2'/>
+ *           <View className='flex-item flex-item-V demo-text-3'/>
+ *         </View>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="components-page">
+ *     <text>flex-direction: row 横向布局</text>
+ *     <view class="flex-wrp flex-wrp-row" hover-class="hover" >
+ *       <view class="flex-item demo-text-1" :hover-stop-propagation="true" />
+ *       <view class="flex-item demo-text-2" hover-start-time="1000" hover-class="hover" />
+ *       <view class="flex-item demo-text-3" hover-stayTime="1000" hover-class="hover" />
+ *     </view>
+ *     <text>flex-direction: column 纵向布局</text>
+ *     <view class="flex-wrp flex-wrp-column">
+ *       <view class="flex-item flex-item-V demo-text-1" />
+ *       <view class="flex-item flex-item-V demo-text-2" />
+ *       <view class="flex-item flex-item-V demo-text-3" />
+ *     </view>
+ *   </view>
+ * </template>
+ *
+ * <style>
+ * .flex-wrp { display: flex; }
+ * .flex-wrp-column{ flex-direction: column; }
+ * .flex-wrp-row { flex-direction:row; padding: 20px; background: #f1f1f1; }
+ * .flex-item { width: 180px; height: 90px; }
+ * .demo-text-1 { background: #ccc; }
+ * .demo-text-2 { background: #999; }
+ * .demo-text-3 { background: #666; }
+ * .hover {
+ *   background: #000;
+ * }
+ * </style>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/view.html
+ */
+declare const View: ComponentType<ViewProps>
+export { View, ViewProps }

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

@@ -0,0 +1,67 @@
+import { ComponentType } from 'react'
+import { CommonEventFunction, StandardProps } from './common'
+interface VoipRoomProps extends StandardProps {
+  /** 对话窗口类型，自身传入 camera，其它用户传入 video
+   * @default camera
+   * @supported weapp
+   */
+  mode?: keyof VoipRoomProps.Mode
+  /** 仅在 mode 为 camera 时有效，前置或后置，值为front, back
+   * @default front
+   * @supported weapp
+   */
+  devicePosition?: keyof VoipRoomProps.DevicePosition
+  /** 进入房间用户的 openid
+   * @default "none"
+   * @supported weapp
+   */
+  openId?: string
+  /** 画面与容器比例不一致时，画面的表现形式
+   * @supported weapp
+   * @default "fill"
+   */
+  objectFit?: 'fill' | 'contain' | 'cover'
+  /** 创建对话窗口失败时触发
+   * @supported weapp
+   */
+  onError?: CommonEventFunction
+}
+declare namespace VoipRoomProps {
+  /** 对话窗口类型 */
+  interface Mode {
+    camera
+    video
+  }
+  /** 摄像头类型 */
+  interface DevicePosition {
+    front
+    back
+  }
+}
+/** 多人音视频对话
+ *
+ * 需用户授权 `scope.camera`、`scope.record`。相关接口： [Taro.joinVoIPChat](/docs/apis/media/voip/joinVoIPChat)
+ * 开通该组件权限后，开发者可在 joinVoIPChat 成功后，获取房间成员的 openid，传递给 voip-room 组件，以显示成员画面。
+ * @classification media
+ * @supported weapp
+ * @example
+ * ```tsx
+ * export default class PageView extends Component {
+ *   constructor() {
+ *     super(...arguments)
+ *   }
+ *
+ *   render() {
+ *     return (
+ *       <VoipRoom
+ *         openId="{{item}}"
+ *         mode="{{selfOpenId === item ? 'camera' : 'video'}}">
+ *       </VoipRoom>
+ *     )
+ *   }
+ * }
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/voip-room.html
+ */
+declare const VoipRoom: ComponentType<VoipRoomProps>
+export { VoipRoom, VoipRoomProps }

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

@@ -0,0 +1,68 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface WebViewProps extends StandardProps {
+  /** webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  src: string
+  /** webview 的进度条颜色
+   * @supported tt
+   */
+  progressbarColor?: string
+  /** 若使用web-view组件引入第三方客服，必须填写type="im"
+   * @supported tt
+   * @default default
+   */
+  type?: string
+  /** 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }
+   * @supported weapp, alipay, swan, tt, qq, jd, ascf
+   */
+  onMessage?: CommonEventFunction<WebViewProps.onMessageEventDetail>
+  /** 网页加载成功时候触发此事件。e.detail = { src }
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid, ascf
+   */
+  onLoad?: CommonEventFunction<WebViewProps.onLoadEventDetail>
+  /** 网页加载失败的时候触发此事件。e.detail = { src }
+   * @supported weapp, alipay, tt, qq, h5, rn, harmony_hybrid
+   */
+  onError?: CommonEventFunction<WebViewProps.onErrorEventDetail>
+}
+declare namespace WebViewProps {
+  interface onMessageEventDetail {
+    /** 消息数据，是多次 postMessage 的参数组成的数组 */
+    data: any[]
+  }
+  interface onLoadEventDetail {
+    /** 网页链接 */
+    src: string
+  }
+  interface onErrorEventDetail {
+    /** 网页链接 */
+    src: string
+  }
+}
+/** web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。
+ * @classification open
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Component {
+ *   handleMessage () {}
+ *
+ *   render () {
+ *     return (
+ *       <WebView src='https://mp.weixin.qq.com/' onMessage={this.handleMessage} />
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <web-view src='https://mp.weixin.qq.com/' `@message="handleMessage" />
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
+ */
+declare const WebView: ComponentType<WebViewProps>
+export { WebView, WebViewProps }

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

@@ -0,0 +1,185 @@
+import { CSSProperties, LegacyRef, ReactNode } from 'react'
+import { COMPILE_MODE_SUB_RENDER_FN } from '@tarojs/shared'
+
+export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent> {
+  /** 组件的唯一标示, 保持整个页面唯一 */
+  id?: string
+  /** 同 `class`，在 React/Preact 里一般使用 `className` 作为 `class` 的代称 */
+  className?: string
+  /** 组件的内联样式, 可以动态设置的内联样式 */
+  style?: string | CSSProperties
+  /** 子节点 */
+  children?: ReactNode
+  /** 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，
+   * 需要使用 `wx:key` 来指定列表中项目的唯一的标识符。
+   */
+  key?: string | number
+  /** 组件是否显示, 所有组件默认显示 */
+  hidden?: boolean
+  /** 动画属性 */
+  animation?: { actions: TaroGeneral.IAnyObject[] } | TaroGeneral.IAnyObject
+  /** 引用 */
+  ref?: LegacyRef<T>
+  /**
+   * 渲染 HTML
+   * @see /docs/html
+   */
+  dangerouslySetInnerHTML?: {
+    __html: string
+  }
+  /**
+   * 是否开启编译模式 或者 是否是编译模式的子渲染函数
+   * @supported weapp, harmony
+   */
+  compileMode?: boolean | string | typeof COMPILE_MODE_SUB_RENDER_FN
+  /**
+   * 自定义容器组件的方向
+   * @supported harmony
+   */
+  harmonyDirection?: 'row' | 'column' | 'flex'
+  /**
+   * 在预渲染（Prerender）过程中跳过当前节点，不对其进行预渲染
+   * @see https://docs.taro.zone/docs/prerender
+   */
+  disablePrerender?: boolean
+}
+
+export interface FormItemProps {
+  /** 表单数据标识 */
+  name?: string
+}
+
+export interface EventProps<TouchEvent extends BaseTouchEvent<any> = ITouchEvent> {
+  /** 手指触摸动作开始 */
+  onTouchStart?: (event: TouchEvent) => void
+
+  /** 手指触摸后移动 */
+  onTouchMove?: (event: TouchEvent) => void
+
+  /** 手指触摸动作被打断，如来电提醒，弹窗 */
+  onTouchCancel?: (event: TouchEvent) => void
+
+  /** 手指触摸动作结束 */
+  onTouchEnd?: (event: TouchEvent) => void
+
+  /** 手指触摸后马上离开 */
+  onClick?: (event: ITouchEvent) => void
+
+  /** 手指触摸后，超过350ms再离开，如果指定了事件回调函数并触发了这个事件，tap事件将不被触发 */
+  onLongPress?: (event: CommonEvent) => void
+
+  /** 手指触摸后，超过350ms再离开（推荐使用 longpress 事件代替） */
+  onLongClick?: (event: CommonEvent) => void
+
+  /** 会在 WXSS transition 或 Taro.createAnimation 动画结束后触发 */
+  onTransitionEnd?: (event: CommonEvent) => void
+
+  /** 会在一个 WXSS animation 动画开始时触发 */
+  onAnimationStart?: (event: CommonEvent) => void
+
+  /** 会在一个 WXSS animation 一次迭代结束时触发 */
+  onAnimationIteration?: (event: CommonEvent) => void
+
+  /** 会在一个 WXSS animation 动画完成时触发 */
+  onAnimationEnd?: (event: CommonEvent) => void
+
+  /** 在支持 3D Touch 的 iPhone 设备，重按时会触发 */
+  onTouchForceChange?: (event: CommonEvent) => void
+}
+
+export type BaseEventOrigFunction<T> = (event: BaseEventOrig<T>) => void
+
+export type TouchEventFunction = (event: ITouchEvent) => void
+
+export type CanvasTouchEventFunction = (event: CanvasTouchEvent) => void
+
+export type CommonEvent<T = any> = BaseEventOrig<T>
+
+export type CommonEventFunction<T = any> = BaseEventOrigFunction<T>
+
+export interface BaseEventOrig<T = any> {
+  /** 事件类型 */
+  type: string
+
+  /** 事件生成时的时间戳 */
+  timeStamp: number
+
+  /** 触发事件的组件的一些属性值集合 */
+  target: Target
+
+  /** 当前组件的一些属性值集合 */
+  currentTarget: currentTarget
+
+  /** 额外的信息 */
+  detail: T
+
+  /** 阻止元素发生默认的行为 */
+  preventDefault: () => void
+
+  /** 阻止事件冒泡到父元素,阻止任何父事件处理程序被执行 */
+  stopPropagation: () => void
+}
+
+interface BaseTouchEvent<TouchDetail, T = any> extends BaseEventOrig<T> {
+  /** 触摸事件，当前停留在屏幕中的触摸点信息的数组 */
+  touches: Array<TouchDetail>
+
+  /** 触摸事件，当前变化的触摸点信息的数组 */
+  changedTouches: Array<TouchDetail>
+}
+
+export type CanvasTouchEvent = BaseTouchEvent<CanvasTouch, never>
+
+export type ITouchEvent = BaseTouchEvent<ITouch>
+
+export interface CanvasTouch {
+  identifier: number
+  x: number
+  y: number
+}
+
+export interface ITouch extends Touch {
+  /** 触摸点的标识符 */
+  identifier: number
+  /** 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴 */
+  pageX: number
+  /** 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴 */
+  pageY: number
+  /** 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴 */
+  clientX: number
+  /** 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴 */
+  clientY: number
+}
+
+export interface Target {
+  /** 事件源组件的id */
+  id: string
+  /** 当前组件的类型 */
+  tagName: string
+  /** 事件源组件上由data-开头的自定义属性组成的集合 */
+  dataset: {
+    [key: string]: any
+  }
+}
+
+export type currentTarget = Target
+
+/** 网络状态数据 */
+export interface NetStatus {
+  /* 当前视频编/码器输出的比特率，单位 kbps */
+  videoBitrate?: number
+  /* 当前音频编/码器输出的比特率，单位 kbps */
+  audioBitrate?: number
+  /* 当前视频帧率 */
+  videoFPS?: number | string
+  /* 当前视频 GOP,也就是每两个关键帧(I帧)间隔时长，单位 s */
+  videoGOP?: number
+  /* 当前的发送/接收速度 */
+  netSpeed?: number
+  /* 网络抖动情况，为 0 时表示没有任何抖动，值越大表明网络抖动越大，网络越不稳定 */
+  netJitter?: number
+  /* 视频画面的宽度 */
+  videoWidth?: number | string
+  /* 视频画面的高度 */
+  videoHeight?: number | string
+}

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

@@ -0,0 +1,7 @@
+export type EventHandler = (ev: Event) => void
+
+export interface TaroEvent<T extends EventTarget, D = any> extends Event {
+  srcElement: T | null
+  target: T
+  detail: D
+}

package/dist/components/types/gesture/DoubleTapGestureHandler.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType } from 'react'
+
+import { StandardProps } from '../common'
+
+interface DoubleTapGestureHandlerProps extends StandardProps {
+  /** 声明手势协商时的组件标识
+   * @supported weapp
+   */
+  tag?: string
+  /** 手势识别成功的回调
+   * @supported weapp
+   */
+  onGestureWorklet?: string
+  /** 手指移动过程中手势是否响应
+   * @supported weapp
+   */
+  shouldResponseOnMoveWorklet?: string
+  /** 手势是否应该被识别
+   * @supported weapp
+   */
+  shouldAcceptGestureWorklet?: string
+  /** 声明可同时触发的手势节点
+   * @supported weapp
+   */
+  simultaneousHandlers?: string[]
+  /** 代理的原生节点类型
+   * @supported weapp
+   */
+  nativeView?: string
+}
+
+/** 双击时触发手势
+ * 微信小程序下 skyline 的手势标签，只能在 CompileMode 中使用
+ * @supported weapp
+ * @example_react
+ * ```tsx
+ * import { Component } from 'react'
+ * import { View, DoubleTapGestureHandler } from 'vite-plugin-taro-runtime/components'
+ *
+ * export function Index () {
+ *   return (
+ *     <View compileMode>
+ *       <DoubleTapGestureHandler onGestureWorklet="onGesture">
+ *          <View className='circle'></View>
+ *       </DoubleTapGestureHandler>
+ *     </View>
+ *   )
+ * }
+ * ```
+ */
+declare const DoubleTapGestureHandler: ComponentType<DoubleTapGestureHandlerProps>
+
+export { DoubleTapGestureHandler, DoubleTapGestureHandlerProps }

package/dist/components/types/gesture/ForcePressGestureHandler.d.ts

@@ -0,0 +1,49 @@
+import { ComponentType } from 'react'
+
+import { StandardProps } from '../common'
+
+interface ForcePressGestureHandlerProps extends StandardProps {
+  /** 声明手势协商时的组件标识
+   * @supported weapp
+   */
+  tag?: string
+  /** 手势识别成功的回调
+   * @supported weapp
+   */
+  onGestureWorklet?: string
+  /** 手势是否应该被识别
+   * @supported weapp
+   */
+  shouldAcceptGestureWorklet?: string
+  /** 声明可同时触发的手势节点
+   * @supported weapp
+   */
+  simultaneousHandlers?: string[]
+  /** 代理的原生节点类型
+   * @supported weapp
+   */
+  nativeView?: string
+}
+
+/**iPhone 设备重按时触发手势
+ * 微信小程序下 skyline 的手势标签，只能在 CompileMode 中使用
+ * @supported weapp
+ * @example_react
+ * ```tsx
+ * import { Component } from 'react'
+ * import { View, ForcePressGestureHandler } from 'vite-plugin-taro-runtime/components'
+ *
+ * export function Index () {
+ *   return (
+ *     <View compileMode>
+ *       <ForcePressGestureHandler onGestureWorklet="onGesture">
+ *          <View className='circle'></View>
+ *       </ForcePressGestureHandler>
+ *     </View>
+ *   )
+ * }
+ * ```
+ */
+declare const ForcePressGestureHandler: ComponentType<ForcePressGestureHandlerProps>
+
+export { ForcePressGestureHandler, ForcePressGestureHandlerProps }

package/dist/components/types/gesture/HorizontalDragGestureHandler.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType } from 'react'
+
+import { StandardProps } from '../common'
+
+interface HorizontalDragGestureHandlerProps extends StandardProps {
+  /** 声明手势协商时的组件标识
+   * @supported weapp
+   */
+  tag?: string
+  /** 手势识别成功的回调
+   * @supported weapp
+   */
+  onGestureWorklet?: string
+  /** 手指移动过程中手势是否响应
+   * @supported weapp
+   */
+  shouldResponseOnMoveWorklet?: string
+  /** 手势是否应该被识别
+   * @supported weapp
+   */
+  shouldAcceptGestureWorklet?: string
+  /** 声明可同时触发的手势节点
+   * @supported weapp
+   */
+  simultaneousHandlers?: string[]
+  /** 代理的原生节点类型
+   * @supported weapp
+   */
+  nativeView?: string
+}
+
+/**横向滑动时触发手势
+ * 微信小程序下 skyline 的手势标签，只能在 CompileMode 中使用
+ * @supported weapp
+ * @example_react
+ * ```tsx
+ * import { Component } from 'react'
+ * import { View, HorizontalDragGestureHandler } from 'vite-plugin-taro-runtime/components'
+ *
+ * export function Index () {
+ *   return (
+ *     <View compileMode>
+ *       <HorizontalDragGestureHandler onGestureWorklet="onGesture">
+ *          <View className='circle'></View>
+ *       </HorizontalDragGestureHandler>
+ *     </View>
+ *   )
+ * }
+ * ```
+ */
+declare const HorizontalDragGestureHandler: ComponentType<HorizontalDragGestureHandlerProps>
+
+export { HorizontalDragGestureHandler, HorizontalDragGestureHandlerProps }