@turbox3d/graphic-component-pixi/es/rect2d/index.js

Graphic component library based on pixi

import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
import _createClass from "@babel/runtime/helpers/esm/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/esm/inherits";
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
import * as PIXI from 'pixi.js';
import { Mesh2D } from '@turbox3d/renderer-pixi';
import DrawUtils from '../draw-utils/index';
/** 正方形 */
var Rect2d = /*#__PURE__*/function (_Mesh2D) {
  function Rect2d() {
    var _this;
    _classCallCheck(this, Rect2d);
    _this = _callSuper(this, Rect2d, arguments);
    _this.view = new PIXI.Graphics();
    _this.reactivePipeLine = [_this.updateGeometry, _this.updateMaterial, _this.updatePosition, _this.updateRotation, _this.updateScale];
    return _this;
  }
  _inherits(Rect2d, _Mesh2D);
  return _createClass(Rect2d, [{
    key: "updateGeometry",
    value: function updateGeometry() {
      this.view.clear();
      var _this$props = this.props,
        _this$props$x = _this$props.x,
        x = _this$props$x === void 0 ? 0 : _this$props$x,
        _this$props$y = _this$props.y,
        y = _this$props$y === void 0 ? 0 : _this$props$y,
        width = _this$props.width,
        height = _this$props.height,
        _this$props$central = _this$props.central,
        central = _this$props$central === void 0 ? false : _this$props$central,
        radius = _this$props.radius,
        lineWidth = _this$props.lineWidth,
        lineColor = _this$props.lineColor,
        lineAlpha = _this$props.lineAlpha,
        fillColor = _this$props.fillColor,
        fillAlpha = _this$props.fillAlpha,
        alpha = _this$props.alpha,
        backgroundImage = _this$props.backgroundImage,
        fit = _this$props.fit,
        alignment = _this$props.alignment,
        _native = _this$props["native"];
      DrawUtils.drawRect(this.view, {
        x: x,
        y: y,
        width: width,
        height: height,
        central: central,
        radius: radius,
        lineWidth: lineWidth,
        lineColor: lineColor,
        lineAlpha: lineAlpha,
        fillColor: fillColor,
        fillAlpha: fillAlpha,
        alpha: alpha,
        backgroundImage: backgroundImage,
        fit: fit,
        alignment: alignment,
        "native": _native
      });
    }
  }, {
    key: "updateMaterial",
    value: function updateMaterial() {
      var _this$props$zIndex = this.props.zIndex,
        zIndex = _this$props$zIndex === void 0 ? 0 : _this$props$zIndex;
      this.view.zIndex = zIndex;
    }
  }, {
    key: "updatePosition",
    value: function updatePosition() {
      //
    }
  }, {
    key: "updateRotation",
    value: function updateRotation() {
      var _this$props$rotation = this.props.rotation,
        rotation = _this$props$rotation === void 0 ? 0 : _this$props$rotation;
      this.view.rotation = rotation;
    }
  }, {
    key: "updateScale",
    value: function updateScale() {
      var _this$props$scale = this.props.scale,
        scale = _this$props$scale === void 0 ? {
          x: 1,
          y: 1
        } : _this$props$scale;
      this.view.scale.set(scale.x, scale.y);
    }
  }]);
}(Mesh2D);
export { Rect2d as default };