@turbox3d/graphic-component-pixi/lib/text2d/index.js

Graphic component library based on pixi

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var PIXI = _interopRequireWildcard(require("pixi.js"));
var _rendererPixi = require("@turbox3d/renderer-pixi");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(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; })(); }
/** UI组件-文字 */
var Text2d = exports["default"] = /*#__PURE__*/function (_Mesh2D) {
  function Text2d() {
    var _this;
    (0, _classCallCheck2["default"])(this, Text2d);
    _this = _callSuper(this, Text2d, arguments);
    _this.view = new PIXI.Text('');
    _this.reactivePipeLine = [_this.updateGeometry, _this.updateMaterial, _this.updatePosition, _this.updateRotation, _this.updateScale];
    return _this;
  }
  (0, _inherits2["default"])(Text2d, _Mesh2D);
  return (0, _createClass2["default"])(Text2d, [{
    key: "updateGeometry",
    value: function updateGeometry() {
      var _this$props = this.props,
        text = _this$props.text,
        style = _this$props.style,
        width = _this$props.width,
        height = _this$props.height;
      this.view.text = text;
      this.view.style = style ? new PIXI.TextStyle(style) : new PIXI.TextStyle({
        fontSize: 16,
        fontFamily: 'Arial'
      });
      if (width) {
        this.view.width = width;
      }
      if (height) {
        this.view.height = height;
      }
    }
  }, {
    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() {
      var _this$props2 = this.props,
        _this$props2$x = _this$props2.x,
        x = _this$props2$x === void 0 ? 0 : _this$props2$x,
        _this$props2$y = _this$props2.y,
        y = _this$props2$y === void 0 ? 0 : _this$props2$y,
        _this$props2$central = _this$props2.central,
        central = _this$props2$central === void 0 ? false : _this$props2$central;
      var _ref = central ? [x - this.view.width / 2, y - this.view.height / 2] : [x, y],
        _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
        posX = _ref2[0],
        posY = _ref2[1];
      this.view.position.x = posX;
      this.view.position.y = posY;
    }
  }, {
    key: "updateRotation",
    value: function updateRotation() {
      var _a;
      this.view.rotation = (_a = this.props.rotation) !== null && _a !== void 0 ? _a : 0;
    }
  }, {
    key: "updateScale",
    value: function updateScale() {
      var _a, _b, _c, _d;
      this.view.scale.set((_b = (_a = this.props.scale) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 1, (_d = (_c = this.props.scale) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 1);
    }
  }, {
    key: "getBounds",
    value: function getBounds() {
      var getBounds = this.props.getBounds;
      if (getBounds) {
        var _this$view$getLocalBo = this.view.getLocalBounds(),
          width = _this$view$getLocalBo.width,
          height = _this$view$getLocalBo.height;
        getBounds({
          x: width,
          y: height
        });
      }
    }
  }, {
    key: "componentDidMount",
    value: function componentDidMount() {
      this.getBounds();
    }
  }, {
    key: "componentDidUpdate",
    value: function componentDidUpdate() {
      this.getBounds();
    }
  }]);
}(_rendererPixi.Mesh2D);