@antv/f2/lib/components/pictorial/pictorial.js

Charts for mobile visualization.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _tslib = require("tslib");
var _fEngine = require("@antv/f-engine");
var _interval = require("../interval");
var Pictorial = /** @class */function (_super) {
  (0, _tslib.__extends)(Pictorial, _super);
  function Pictorial() {
    return _super !== null && _super.apply(this, arguments) || this;
  }
  Pictorial.prototype.render = function () {
    var _a = this,
      props = _a.props,
      context = _a.context;
    var px2hd = context.px2hd;
    var _Symbol = px2hd(props).symbol;
    var records = this.mapping();
    return (0, _fEngine.jsx)("group", null, records.map(function (record) {
      var key = record.key,
        children = record.children;
      return (0, _fEngine.jsx)("group", {
        key: key
      }, children.map(function (item) {
        var xMax = item.xMax,
          xMin = item.xMin,
          yMax = item.yMax,
          yMin = item.yMin;
        return (0, _fEngine.jsx)(_Symbol, (0, _tslib.__assign)({}, item, {
          width: xMax - xMin,
          height: yMax - yMin,
          px2hd: px2hd
        }));
      }));
    }));
  };
  return Pictorial;
}((0, _interval.withInterval)({}));
var _default = exports.default = Pictorial;