UNPKG

@tarojs/components

Version:
35 lines (31 loc) 1.07 kB
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5bd7cbab.js'; const indexCss = "taro-canvas-core{display:block;position:relative;width:300px;height:150px}"; const LONG_TAP_DELAY = 500; let Canvas = class { constructor(hostRef) { registerInstance(this, hostRef); this.onLongTap = createEvent(this, "longtap", 7); this.nativeProps = {}; this.onTouchStart = () => { this.timer = setTimeout(() => { this.onLongTap.emit(); }, LONG_TAP_DELAY); }; this.onTouchMove = () => { clearTimeout(this.timer); }; this.onTouchEnd = () => { clearTimeout(this.timer); }; } render() { const { canvasId, nativeProps } = this; return (h("canvas", Object.assign({ "canvas-id": canvasId, style: { width: '100%', height: '100%' }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, nativeProps))); } get el() { return getElement(this); } }; Canvas.style = indexCss; export { Canvas as taro_canvas_core };