@visactor/vrender-kits
Version:
## Description
165 lines (157 loc) • 6.51 kB
JavaScript
var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
return c > 3 && r && Object.defineProperty(target, key, r), r;
}, __metadata = this && this.__metadata || function(k, v) {
if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
}, __param = this && this.__param || function(paramIndex, decorator) {
return function(target, key) {
decorator(target, key, paramIndex);
};
};
import { inject, injectable, Generator, BaseWindowHandlerContribution, VGlobal, ContainerModule, WindowHandlerContribution } from "@visactor/vrender-core";
import { TaroCanvas } from "../../canvas/contributions/taro";
class MiniAppEventManager {
constructor() {
this.cache = {};
}
addEventListener(type, func) {
type && func && (this.cache[type] = this.cache[type] || {
listener: []
}, this.cache[type].listener.push(func));
}
removeEventListener(type, func) {
if (!type || !func) return;
if (!this.cache[type]) return;
const index = this.cache[type].listener.findIndex((f => f === func));
index >= 0 && this.cache[type].listener.splice(index, 1);
}
cleanEvent() {
this.cache = {};
}
}
let TaroWindowHandlerContribution = class extends BaseWindowHandlerContribution {
get container() {
return null;
}
constructor(global) {
super(), this.global = global, this.type = "taro", this.eventManager = new MiniAppEventManager;
}
getTitle() {
return this.canvas.id.toString();
}
getWH() {
return {
width: this.canvas.width / (this.canvas.dpr || 1),
height: this.canvas.height / (this.canvas.dpr || 1)
};
}
getXY() {
return {
x: 0,
y: 0
};
}
createWindow(params) {
params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
}
createWindowByConfig(params) {
const nativeCanvas = this.global.createCanvas({
width: params.width,
height: params.height
}), options = {
width: params.width,
height: params.height,
dpr: params.dpr,
nativeCanvas: nativeCanvas,
id: Generator.GenAutoIncrementId().toString(),
canvasControled: !1
};
this.canvas = new TaroCanvas(options);
}
createWindowByCanvas(params) {
let canvas;
if ("string" == typeof params.canvas) {
if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
} else canvas = params.canvas;
let width = params.width, height = params.height;
if (null == width || null == height || !params.canvasControled) {
const data = canvas.getBoundingClientRect();
width = data.width, height = data.height;
}
let dpr = params.dpr;
null == dpr && (dpr = canvas.width / width), this.canvas = new TaroCanvas({
width: width,
height: height,
dpr: dpr,
nativeCanvas: canvas,
canvasControled: params.canvasControled
});
}
releaseWindow() {}
resizeWindow(width, height) {}
setDpr(dpr) {
this.canvas.dpr = dpr;
}
getContext() {
return this.canvas.getContext();
}
getNativeHandler() {
return this.canvas;
}
getDpr() {
return this.canvas.dpr;
}
addEventListener(type, listener) {
this.eventManager.addEventListener(type, listener);
}
removeEventListener(type, listener) {
this.eventManager.removeEventListener(type, listener);
}
dispatchEvent(event) {
const {type: type} = event;
return !!this.eventManager.cache[type] && (event.changedTouches.length > 0 && (event.changedTouches.forEach(((d, i) => {
event.changedTouches[i] = Object.assign(Object.assign({}, event.changedTouches[i]), {
offsetX: d.x,
offsetY: d.y
});
})), event.offsetX = event.changedTouches[0].offsetX, event.offsetY = event.changedTouches[0].offsetY),
event.touches.length > 0 && event.touches.forEach(((d, i) => {
event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), {
offsetX: d.x,
offsetY: d.y
});
})), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach((f => {
f(event);
})), !0);
}
getStyle() {
return {};
}
setStyle(style) {}
getBoundingClientRect() {
const wh = this.getWH();
return {
x: 0,
y: 0,
width: wh.width,
height: wh.height,
left: 0,
top: 0,
right: 0,
bottom: 0
};
}
clearViewBox(color) {
const vb = this.viewBox, context = this.getContext(), dpr = this.getDpr();
context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0),
context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color,
context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
}
};
TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate([ injectable(), __param(0, inject(VGlobal)), __metadata("design:paramtypes", [ Object ]) ], TaroWindowHandlerContribution);
export { TaroWindowHandlerContribution };
export const taroWindowModule = new ContainerModule((bind => {
bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(TaroWindowHandlerContribution))).whenTargetNamed(TaroWindowHandlerContribution.env);
}));
//# sourceMappingURL=taro-contribution.js.map