@visactor/react-vrender
Version:
## Description
83 lines (76 loc) • 2.93 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: !0
}), exports.updateProps = exports.bindGraphicEvent = exports.splitProps = exports.REACT_TO_CANOPUS_EVENTS = void 0,
exports.REACT_TO_CANOPUS_EVENTS = {
onPointerDown: "pointerdown",
onPointerUp: "pointerup",
onPointerUpOutside: "pointerupoutside",
onPointerTap: "pointertap",
onPointerOver: "pointerover",
onPointerMove: "pointermove",
onPointerEnter: "pointerenter",
onPointerLeave: "pointerleave",
onPointerOut: "pointerout",
onMouseDown: "mousedown",
onMouseUp: "mouseup",
onMouseUpOutside: "mouseupoutside",
onMouseMove: "mousemove",
onMouseOver: "mouseover",
onMouseOut: "mouseout",
onMouseEnter: "mouseenter",
onMouseLeave: "mouseleave",
onPinch: "pinch",
onPinchStart: "pinchstart",
onPinchEnd: "pinchend",
onPan: "pan",
onPanStart: "panstart",
onPanEnd: "panend",
onDrag: "drag",
onDragStart: "dragstart",
onDragEnter: "dragenter",
onDragLeave: "dragleave",
onDragOver: "dragover",
onDragEnd: "dragend",
onRightDown: "rightdown",
onRightUp: "rightup",
onRightUpOutside: "rightupoutside",
onTouchStart: "touchstart",
onTouchEnd: "touchend",
onTouchEndOutside: "touchendoutside",
onTouchMove: "touchmove",
onTouchCancel: "touchcancel",
onPress: "press",
onPressUp: "pressup",
onPressEnd: "pressend",
onSwipe: "swipe",
onDrop: "drop",
onWeel: "wheel",
onClick: "click",
onDblClick: "dblclick"
};
const isEvent = key => !!exports.REACT_TO_CANOPUS_EVENTS[key], splitProps = props => {
const eventProps = {}, graphicProps = {};
return Object.keys(props).forEach((key => {
exports.REACT_TO_CANOPUS_EVENTS[key] ? eventProps[key] = props[key] : graphicProps[key] = props[key];
})), {
graphicProps: graphicProps,
eventProps: eventProps
};
};
exports.splitProps = splitProps;
const bindGraphicEvent = (eventProps, instance) => {
Object.keys(eventProps).forEach((propKey => {
"function" == typeof eventProps[propKey] && instance.addEventListener(exports.REACT_TO_CANOPUS_EVENTS[propKey], eventProps[propKey]);
}));
};
exports.bindGraphicEvent = bindGraphicEvent;
const updateProps = (instance, newProps, oldProps) => {
Object.keys(oldProps).forEach((key => {
oldProps && oldProps[key] !== newProps[key] && (isEvent(key) ? instance.removeEventListener(exports.REACT_TO_CANOPUS_EVENTS[key], oldProps[key]) : instance.setAttribute(key, void 0));
})), Object.keys(newProps).forEach((key => {
oldProps[key] !== newProps[key] && (isEvent(key) ? "function" == typeof newProps[key] && instance.addEventListener(exports.REACT_TO_CANOPUS_EVENTS[key], newProps[key]) : instance.setAttribute(key, newProps[key]));
}));
};
exports.updateProps = updateProps;
//# sourceMappingURL=processProps.js.map
;