chartx/dist/components/component.js

Data Visualization Chart Library

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
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 _global = _interopRequireDefault(require("../global"));
var _canvax = _interopRequireDefault(require("canvax"));
var _tools = require("../utils/tools");
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; })(); }
var event = _canvax.default.event,
  _ = _canvax.default._;
var Component = /*#__PURE__*/function (_event$Dispatcher) {
  function Component(opt, app) {
    var _this;
    (0, _classCallCheck2.default)(this, Component);
    _this = _callSuper(this, Component, [opt, app]);
    _.extend(true, _this, (0, _tools.getDefaultProps)(Component.defaultProps()), opt);
    _this.name = "component"; //组件名称
    _this.type = null; //组件子类型，比如 Graphs组件下面的bar,line,scat等

    //this.enabled = false; //是否加载该组件
    _this._opt = opt;
    _this.app = app; //这个组件挂在哪个app上面（图表）

    _this.width = 0;
    _this.height = 0; //height 不包含margin
    _this.pos = {
      x: 0,
      y: 0
    };
    _this.margin = {
      top: 0,
      right: 0,
      bottom: 0,
      left: 0
    };
    _this.__cid = _canvax.default.utils.createId("comp_");
    _this.ctx = app.stage.ctx || app.stage.canvas.getContext("2d");
    return _this;
  }
  (0, _inherits2.default)(Component, _event$Dispatcher);
  return (0, _createClass2.default)(Component, [{
    key: "init",
    value: function init(opt, data) {}
  }, {
    key: "draw",
    value: function draw() {}

    //组件的销毁
  }, {
    key: "destroy",
    value: function destroy() {}
  }, {
    key: "reset",
    value: function reset() {}

    // resetData(){
    //     console.log( ( this.type || '' ) + '暂无resetData的实现' );
    // }
  }, {
    key: "setPosition",
    value: function setPosition(pos) {
      !pos && (pos = this.pos);
      pos.x && (this.sprite.context.x = pos.x);
      pos.y && (this.sprite.context.y = pos.y);
    }
  }, {
    key: "layout",
    value: function layout() {}
  }], [{
    key: "defaultProps",
    value: function defaultProps() {
      return {
        enabled: {
          detail: '是否开启该组件',
          default: false
        }
      };
    }
  }, {
    key: "registerComponent",
    value: function registerComponent(compModule, name, type) {
      return _global.default.registerComponent(compModule, name, type);
    }
  }, {
    key: "_isComponentRoot",
    value: function _isComponentRoot() {
      return true;
    } //global.getProps 中会用到
  }, {
    key: "polyfill",
    value: function polyfill(opt) {
      //所有组件可以提供一个静态方法， 就是用来做配置变动的向下兼容
      return opt;
    }
  }]);
}(event.Dispatcher);
var _default = exports.default = Component;