@antv/g6-wx

--- package.json (entry) ---
{
  "name": "@antv/g6-wx",
  "version": "0.0.1",
  "description": "微信小程序g6组件",
  "files": ["es"],
  "keywords": ["G6", "G6Mobile", "Wechat"],
  "license": "MIT",
  "miniprogram": "es",
  "devDependencies": {
    "@babel/core": "^7.6.4",
    "@babel/runtime": "^7.11.2",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.11.5",
    "@babel/preset-env": "^7.6.3",
    "@babel/preset-typescript": "^7.6.0",
    "@typescript-eslint/parser": "^2.17.0",
    "alipay-style": "^0.1.0",
    "eslint": "^5.16.0",
    "eslint-config-ali": "^3.1.0",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-typescript": "^0.14.0",
    "gulp": "^4.0.0",
    "gulp-babel": "^8.0.0",
    "gulp-clean-css": "^4.0.0",
    "gulp-if": "^2.0.2",
    "gulp-inject-envs": "^1.1.1",
    "gulp-less": "^4.0.1",
    "gulp-rename": "^1.2.3",
    "lint-staged": "^8.2.0",
    "mini-types": "^0.0.1",
    "pre-commit": "^1.2.2",
    "stylelint": "^10.1.0",
    "stylelint-config-standard": "^18.2.0",
    "typescript": "^3.6.4"
  },
  "dependencies": {},
  "scripts": {
    "lint-staged": "lint-staged",
    "build": "NODE_ENV=production node scripts/compiler.js",
    "pub": "npm 

--- bundled output (OSV-MAL flagged — LLM scope expansion) ---

--- es/g6-component/g6-component.js (bundled) ---
Component({
  data: {},
  properties: {
    style: {
      type: String,
      value: ''
    },
    width: {
      type: Number,
      value: 100
    },
    height: {
      type: Number,
      value: 100
    },
    onInit: {
      type: Function,
      value: function value() {}
    },
    onTouchEvent: {
      type: Function,
      value: function value() {}
    },
    onError: {
      type: Function,
      value: function value() {}
    },
    pixelRatio: {
      type: Number,
      value: 1
    }
  },
  ready: function ready() {
    var _this = this;

    var query = wx.createSelectorQuery().in(this);
    query.select('#g6-canvas').fields({
      node: true,
      size: true
    }).exec(function (ret) {
      console.log('ret', ret);
      var canvas = ret[0].node;
      canvas.width = _this.data.width * _this.data.pixelRatio;
      canvas.height = _this.data.height * _this.data.pixelRatio;
      _this.rect = {
        width: _this.data.width * _this.data.pixelRatio,
        height: _this.data.height * _this.data.pixelRatio,
        left: canvas._left,
        top: canvas._top
      };
      console.log('rect', _this.rect);
      _this.ctx = canvas.getContext('2d');

      _this.data.onInit(_this.ctx, _this.rect, canvas, 'mini-native');
    });
  },
  methods: {
    error: function error(e) {
      this.data.onError(e);
    },
    ontouch: function ontouch(e) {
      var i = 0;

      for (i = 0; i < e.touches.length; i++) {
        modifyEvent(e.touches[i], this.data.pixelRatio);
      }

      for (i = 0; i < e.changedTouches.length; i++) {
        modifyEvent(e.changedTouches[i], this.data.pixelRatio);
      }

      this.data.onTouchEvent(e);
    }
  }
});

function modifyEvent(touchEvent, pixelRatio) {
  touchEvent.clientX = touchEvent.x * pixelRatio;
  touchEvent.clientY = touchEvent.y * pixelRatio;
  touchEvent.pageX = touchEvent.x * pixelRatio;
  touchEvent.pageY = touchEvent.y * pixelRatio;
}