@ray-js/components/lib/Image/Image.js

Ray basic components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import * as React from 'react';
import { useEventListener } from 'ahooks';
import handleProps from '../utils/handleProps';
const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
  const currentNode = ref || React.useRef(null);
  useEventListener('load', e => {
    var _props$onLoad;
    (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, _objectSpread(_objectSpread({
      type: e.type
    }, e.detail), {}, {
      origin
    }));
  }, {
    target: currentNode
  });
  useEventListener('error', e => {
    var _props$onError;
    (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, _objectSpread(_objectSpread({
      type: e.type
    }, e.detail), {}, {
      origin
    }));
  }, {
    target: currentNode
  });
  return (
    /*#__PURE__*/
    // @ts-ignore
    React.createElement("v-image", _extends({}, handleProps(props), {
      ref: currentNode
    }))
  );
});
Image.displayName = 'Image';
export default Image;