import * as React from 'react' ; import { createHostComponent } from '@remax/runtime' ; import { BaseProps , GenericEvent } from '../../types/component' ; /***
 * https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/component/view-container/movable-view
 * 基础库 2.25.0 开始支持本组件。
 * 可移动的视图容器，在页面中可以拖拽滑动。movable-view 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
 */ export interface MovableViewProps extends BaseProps { id ? : string ; className ? : string ; style ? : React . CSSProperties ; width ? : number ; height ? : number ; direction ? : string ; inertia ? : boolean ; outOfBounds ? : boolean ; x ? : number | string ; y ? : number | string ; damping ? : number ; friction ? : number ; disabled ? : boolean ; scale ? : boolean ; scaleMin ? : number ; scaleMax ? : number ; scaleValue ? : number ; animation ? : boolean ; onTouchStart ? : ( e : TouchEvent ) => void ; onTouchMove ? : ( e : TouchEvent ) => void ; onTouchEnd ? : ( e : TouchEvent ) => void ; onTouchCancel ? : ( e : TouchEvent ) => void ; onTouchChange ? : ( e : TouchEvent ) => void ; onChange ? : ( event : GenericEvent ) => any ; onScale ? : ( event : GenericEvent ) => any ; hTouchmove ? : ( event : GenericEvent ) => any ; vTouchmove ? : ( event : GenericEvent ) => any ; } export const MovableView = createHostComponent < MovableViewProps > ( 'movable-view' ) ; MovableView . defaultProps = { width : 10 , height : 10 , direction : 'none' , inertia : false , outOfBounds : false , damping : 20 , friction : 2 , disabled : false , scale : false , scaleMin : 0 , scaleMax : 10 , scaleValue : 1 , animation : true , } ;