@eva/react-eva-sprite-animation/es/index.js

React EVA是一个让开发同学能够在React技术体系下，利用EVA JS的游戏研发能力，开发动画、游戏类场景的框架。它可以让开发同学用熟悉的JSX和Hooks语法编写动画、游戏场景的代码。

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
var _excluded = ["src", "resource", "speed", "autoPlay", "children", "components"];
import { useImperativeHandle, useRef, useMemo, forwardRef } from 'react';
import { addSystem, EvaRefObject, useResource, ResourceType, useComponent, useComponents } from '@eva/react-eva';
import { SpriteAnimation as SpriteAnimationComponent, SpriteAnimationSystem } from '@eva/plugin-renderer-sprite-animation';
addSystem(new SpriteAnimationSystem());
export var SpriteAnimationRefObject = /*#__PURE__*/function (_EvaRefObject) {
  _inheritsLoose(SpriteAnimationRefObject, _EvaRefObject);

  function SpriteAnimationRefObject(_ref) {
    return _EvaRefObject.call(this, _ref) || this;
  }

  var _proto = SpriteAnimationRefObject.prototype;

  _proto.play = function play(speed) {
    var SpriteAnimation = this.SpriteAnimation;
    SpriteAnimation.speed = speed;
    SpriteAnimation.play();
  };

  _proto.stop = function stop() {
    var SpriteAnimation = this.SpriteAnimation;
    SpriteAnimation.stop();
  };

  return SpriteAnimationRefObject;
}(EvaRefObject);
export function useSpriteAnimationResource(_ref2) {
  var _image$match;

  var name = _ref2.name,
      image = _ref2.image,
      json = _ref2.json;
  var imageType = typeof image === 'string' ? ((_image$match = image.match(/\.(png|jpg|jpeg)/)) === null || _image$match === void 0 ? void 0 : _image$match[1]) || 'png' : image.type;
  var imageUrl = typeof image === 'string' ? image : image.url;
  var jsonType = typeof json === 'string' ? 'json' : json.type;
  var jsonUrl = typeof json === 'string' ? json : json.url;
  var src = useMemo(function () {
    return {
      image: {
        type: imageType,
        url: imageUrl
      },
      json: {
        type: jsonType,
        url: jsonUrl
      }
    };
  }, [imageUrl, jsonUrl]);
  return useResource({
    name: name,
    type: ResourceType.SPRITE_ANIMATION,
    src: src
  });
}
export function useSpriteAnimation(_ref3) {
  var resource = _ref3.resource,
      speed = _ref3.speed,
      autoPlay = _ref3.autoPlay;
  var component = useComponent(SpriteAnimationComponent, {
    resource: resource,
    speed: speed,
    autoPlay: autoPlay
  });
  useMemo(function () {
    component.resource = resource;
    component.speed = speed;
    component.autoPlay = autoPlay;
  }, [resource, speed, autoPlay]);
  return component;
}
var SpriteAnimation = /*#__PURE__*/forwardRef(function (_ref4, ref) {
  var src = _ref4.src,
      resource = _ref4.resource,
      speed = _ref4.speed,
      autoPlay = _ref4.autoPlay,
      children = _ref4.children,
      _ref4$components = _ref4.components,
      components = _ref4$components === void 0 ? [] : _ref4$components,
      props = _objectWithoutPropertiesLoose(_ref4, _excluded);

  var _ref = useRef(null);

  useImperativeHandle(ref, function () {
    return new SpriteAnimationRefObject(_ref);
  }, []);

  if (src) {
    resource = useSpriteAnimationResource(src);
  }

  var component = useSpriteAnimation({
    resource: resource,
    speed: speed,
    autoPlay: autoPlay
  });

  var _components = useComponents.apply(void 0, [component].concat(components));

  return /*#__PURE__*/React.createElement("gameobject", _extends({
    ref: _ref,
    components: _components
  }, props), children);
});
export default SpriteAnimation;