@visactor/vrender-kits 0.19.6-alpha.2 → 0.19.6

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { injectable, inject, DefaultCanvasArcRender, ARC_NUMBER_TYPE, getTheme, CustomPath2D, drawArcPath, DefaultCanvasAreaRender, drawAreaSegments, DefaultCanvasCircleRender, CIRCLE_NUMBER_TYPE, DefaultCanvasLineRender, drawSegments, DefaultCanvasPathRender, PATH_NUMBER_TYPE, DefaultCanvasRectRender, RECT_NUMBER_TYPE, DefaultCanvasSymbolRender, BaseRender, SYMBOL_NUMBER_TYPE, ContainerModule, GraphicRender, graphicCreator, Group, clock, application, WILDCARD, matrixAllocate, transformMat4, DefaultTextStyle, DefaultFillStyle, DefaultStrokeStyle, createColor, getScaledStroke, getContextFont, createConicalGradient, BaseCanvas, CanvasFactory, Context2dFactory, ContributionProvider, named, DrawContribution, PickItemInterceptor, DefaultPickService, canvasAllocate, GROUP_NUMBER_TYPE, bindContributionProvider, PickerService, WindowHandlerContribution, BaseWindowHandlerContribution, BaseEnvContribution, Generator, EnvContribution, container, VGlobal, EmptyContext2d, ArcRender, AreaRender, AREA_NUMBER_TYPE, CircleRender, GlyphRender, GLYPH_NUMBER_TYPE, IMAGE_NUMBER_TYPE, LineRender, LINE_NUMBER_TYPE, PolygonRender, POLYGON_NUMBER_TYPE, PathRender, RectRender, SymbolRender, TEXT_NUMBER_TYPE, rafBasedSto, vglobal, RafBasedSTO, mat4Allocate, TextRender, textLayoutOffsetY, textDrawOffsetX, RichTextRender, RICHTEXT_NUMBER_TYPE, Rect3DRender, RECT3D_NUMBER_TYPE, Arc3dRender, ARC3D_NUMBER_TYPE, Pyramid3dRender, PYRAMID3D_NUMBER_TYPE, isBrowserEnv, registerArcGraphic, arcModule, registerArc3dGraphic, arc3dModule, registerAreaGraphic, areaModule, registerCircleGraphic, circleModule, registerGlyphGraphic, glyphModule, registerGroupGraphic, registerImageGraphic, imageModule, registerLineGraphic, lineModule, registerPathGraphic, pathModule, registerPolygonGraphic, polygonModule, registerPyramid3dGraphic, pyramid3dModule, registerRectGraphic, rectModule, registerRect3dGraphic, rect3dModule, registerRichtextGraphic, richtextModule, registerShadowRootGraphic, registerSymbolGraphic, symbolModule, registerTextGraphic, textModule, registerWrapTextGraphic } from '@visactor/vrender-core';
+import { injectable, inject, DefaultCanvasArcRender, ARC_NUMBER_TYPE, getTheme, CustomPath2D, drawArcPath, DefaultCanvasAreaRender, drawAreaSegments, DefaultCanvasCircleRender, CIRCLE_NUMBER_TYPE, DefaultCanvasLineRender, drawSegments, DefaultCanvasPathRender, PATH_NUMBER_TYPE, DefaultCanvasRectRender, RECT_NUMBER_TYPE, DefaultCanvasSymbolRender, BaseRender, SYMBOL_NUMBER_TYPE, ContainerModule, GraphicRender, graphicCreator, Group, clock, application, WILDCARD, DefaultFillStyle, DefaultStrokeStyle, DefaultTextStyle, matrixAllocate, transformMat4, createColor, getScaledStroke, getContextFont, createConicalGradient, BaseCanvas, CanvasFactory, Context2dFactory, ContributionProvider, named, DrawContribution, PickItemInterceptor, DefaultPickService, canvasAllocate, GROUP_NUMBER_TYPE, bindContributionProvider, PickerService, WindowHandlerContribution, BaseWindowHandlerContribution, BaseEnvContribution, Generator, EnvContribution, container, VGlobal, EmptyContext2d, ArcRender, AreaRender, AREA_NUMBER_TYPE, CircleRender, GlyphRender, GLYPH_NUMBER_TYPE, IMAGE_NUMBER_TYPE, LineRender, LINE_NUMBER_TYPE, PolygonRender, POLYGON_NUMBER_TYPE, PathRender, RectRender, SymbolRender, TEXT_NUMBER_TYPE, rafBasedSto, vglobal, RafBasedSTO, mat4Allocate, TextRender, textLayoutOffsetY, textDrawOffsetX, RichTextRender, RICHTEXT_NUMBER_TYPE, Rect3DRender, RECT3D_NUMBER_TYPE, Arc3dRender, ARC3D_NUMBER_TYPE, Pyramid3dRender, PYRAMID3D_NUMBER_TYPE, isBrowserEnv, registerArcGraphic, arcModule, registerArc3dGraphic, arc3dModule, registerAreaGraphic, areaModule, registerCircleGraphic, circleModule, registerGlyphGraphic, glyphModule, registerGroupGraphic, registerImageGraphic, imageModule, registerLineGraphic, lineModule, registerPathGraphic, pathModule, registerPolygonGraphic, polygonModule, registerPyramid3dGraphic, pyramid3dModule, registerRectGraphic, rectModule, registerRect3dGraphic, rect3dModule, registerRichtextGraphic, richtextModule, registerShadowRootGraphic, registerSymbolGraphic, symbolModule, registerTextGraphic, textModule, registerWrapTextGraphic } from '@visactor/vrender-core';
 import { isString, isArray, EventEmitter, Matrix, Logger, pi2, pi, AABBBounds, isValidNumber, isNumber, isFunction } from '@visactor/vutils';
 
 /******************************************************************************
@@ -15,6 +15,14 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}
 function __decorate(decorators, target, key, desc) {
   var c = arguments.length,
     r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -30,6 +38,33 @@ function __param(paramIndex, decorator) {
 function __metadata(metadataKey, metadataValue) {
   if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
 }
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
   var e = new Error(message);
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -1512,12 +1547,9 @@ const defaultRouthThemeSpec = {
 };
 
 let RoughCanvasArcRender = class RoughCanvasArcRender {
-    canvasRenderer;
-    type;
-    numberType;
-    style = 'rough';
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.style = 'rough';
         this.type = 'arc';
         this.numberType = ARC_NUMBER_TYPE;
     }
@@ -1586,7 +1618,10 @@ RoughCanvasArcRender = __decorate([
 ], RoughCanvasArcRender);
 
 let RoughCanvasAreaRender = class RoughCanvasAreaRender extends DefaultCanvasAreaRender {
-    style = 'rough';
+    constructor() {
+        super(...arguments);
+        this.style = 'rough';
+    }
     drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb) {
         if (fillCb) {
             return super.drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb);
@@ -1603,15 +1638,15 @@ let RoughCanvasAreaRender = class RoughCanvasAreaRender extends DefaultCanvasAre
         let { fill: fillColor, stroke: strokeColor, lineWidth } = attribute;
         if (Array.isArray(defaultAttribute)) {
             defaultAttribute.forEach(item => {
-                fillColor = fillColor ?? item.fill;
-                strokeColor = strokeColor ?? item.stroke;
-                lineWidth = lineWidth ?? item.lineWidth;
+                fillColor = fillColor !== null && fillColor !== void 0 ? fillColor : item.fill;
+                strokeColor = strokeColor !== null && strokeColor !== void 0 ? strokeColor : item.stroke;
+                lineWidth = lineWidth !== null && lineWidth !== void 0 ? lineWidth : item.lineWidth;
             });
         }
         else {
-            fillColor = fillColor ?? defaultAttribute.fill;
-            strokeColor = strokeColor ?? defaultAttribute.stroke;
-            lineWidth = lineWidth ?? defaultAttribute.lineWidth;
+            fillColor = fillColor !== null && fillColor !== void 0 ? fillColor : defaultAttribute.fill;
+            strokeColor = strokeColor !== null && strokeColor !== void 0 ? strokeColor : defaultAttribute.stroke;
+            lineWidth = lineWidth !== null && lineWidth !== void 0 ? lineWidth : defaultAttribute.lineWidth;
         }
         rc.path(customPath.toString(), {
             fill: fill ? fillColor : undefined,
@@ -1647,10 +1682,9 @@ RoughCanvasAreaRender = __decorate([
 ], RoughCanvasAreaRender);
 
 let RoughCanvasCircleRender = class RoughCanvasCircleRender {
-    canvasRenderer;
-    style = 'rough';
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.style = 'rough';
         this.type = 'circle';
         this.numberType = CIRCLE_NUMBER_TYPE;
     }
@@ -1693,7 +1727,10 @@ RoughCanvasCircleRender = __decorate([
 ], RoughCanvasCircleRender);
 
 let RoughCanvasLineRender = class RoughCanvasLineRender extends DefaultCanvasLineRender {
-    style = 'rough';
+    constructor() {
+        super(...arguments);
+        this.style = 'rough';
+    }
     drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
         if (fillCb || strokeCb) {
             return super.drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb);
@@ -1710,15 +1747,15 @@ let RoughCanvasLineRender = class RoughCanvasLineRender extends DefaultCanvasLin
         let { fill: fillColor, stroke: strokeColor, lineWidth } = attribute;
         if (Array.isArray(defaultAttribute)) {
             defaultAttribute.forEach(item => {
-                fillColor = fillColor ?? item.fill;
-                strokeColor = strokeColor ?? item.stroke;
-                lineWidth = lineWidth ?? item.lineWidth;
+                fillColor = fillColor !== null && fillColor !== void 0 ? fillColor : item.fill;
+                strokeColor = strokeColor !== null && strokeColor !== void 0 ? strokeColor : item.stroke;
+                lineWidth = lineWidth !== null && lineWidth !== void 0 ? lineWidth : item.lineWidth;
             });
         }
         else {
-            fillColor = fillColor ?? defaultAttribute.fill;
-            strokeColor = strokeColor ?? defaultAttribute.stroke;
-            lineWidth = lineWidth ?? defaultAttribute.lineWidth;
+            fillColor = fillColor !== null && fillColor !== void 0 ? fillColor : defaultAttribute.fill;
+            strokeColor = strokeColor !== null && strokeColor !== void 0 ? strokeColor : defaultAttribute.stroke;
+            lineWidth = lineWidth !== null && lineWidth !== void 0 ? lineWidth : defaultAttribute.lineWidth;
         }
         rc.path(customPath.toString(), {
             fill: fill ? fillColor : undefined,
@@ -1755,12 +1792,9 @@ RoughCanvasLineRender = __decorate([
 ], RoughCanvasLineRender);
 
 let RoughCanvasPathRender = class RoughCanvasPathRender {
-    canvasRenderer;
-    type;
-    numberType;
-    style = 'rough';
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.style = 'rough';
         this.type = 'path';
         this.numberType = PATH_NUMBER_TYPE;
     }
@@ -1818,12 +1852,9 @@ RoughCanvasPathRender = __decorate([
 ], RoughCanvasPathRender);
 
 let RoughCanvasRectRender = class RoughCanvasRectRender {
-    canvasRenderer;
-    type;
-    numberType;
-    style = 'rough';
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.style = 'rough';
         this.type = 'rect';
         this.numberType = RECT_NUMBER_TYPE;
     }
@@ -1850,8 +1881,8 @@ let RoughCanvasRectRender = class RoughCanvasRectRender {
         }
         const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, fillColor = rectAttribute.fill, strokeColor = rectAttribute.stroke, x1, y1, lineWidth = rectAttribute.lineWidth, maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset, roughness = defaultRouthThemeSpec.roughness, bowing = defaultRouthThemeSpec.bowing, curveFitting = defaultRouthThemeSpec.curveFitting, curveTightness = defaultRouthThemeSpec.curveTightness, curveStepCount = defaultRouthThemeSpec.curveStepCount, fillStyle = defaultRouthThemeSpec.fillStyle, fillWeight = defaultRouthThemeSpec.fillWeight, hachureAngle = defaultRouthThemeSpec.hachureAngle, hachureGap = defaultRouthThemeSpec.hachureGap, simplification = defaultRouthThemeSpec.simplification, dashOffset = defaultRouthThemeSpec.dashOffset, dashGap = defaultRouthThemeSpec.dashGap, zigzagOffset = defaultRouthThemeSpec.zigzagOffset, seed = defaultRouthThemeSpec.seed, fillLineDash = defaultRouthThemeSpec.fillLineDash, fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices = defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits } = rect.attribute;
         let { width = rectAttribute.width, height = rectAttribute.height } = rect.attribute;
-        width = (width ?? x1 - x) || 0;
-        height = (height ?? y1 - y) || 0;
+        width = (width !== null && width !== void 0 ? width : x1 - x) || 0;
+        height = (height !== null && height !== void 0 ? height : y1 - y) || 0;
         rc.rectangle(x, y, width, height, {
             fill: fill ? fillColor : undefined,
             stroke: stroke ? strokeColor : undefined,
@@ -1893,10 +1924,6 @@ RoughCanvasRectRender = __decorate([
 ], RoughCanvasRectRender);
 
 let RoughCanvasSymbolRender = class RoughCanvasSymbolRender extends BaseRender {
-    canvasRenderer;
-    type;
-    numberType;
-    style;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
@@ -2115,16 +2142,10 @@ function VRichText(params) {
     return graphicCreator.richtext(params ? params.attribute : {});
 }
 VRichText.Text = function (params) {
-    return {
-        type: 'rich/text',
-        ...params
-    };
+    return Object.assign({ type: 'rich/text' }, params);
 };
 VRichText.Image = function (params) {
-    return {
-        type: 'rich/image',
-        ...params
-    };
+    return Object.assign({ type: 'rich/image' }, params);
 };
 
 function flatten(list, out) {
@@ -2134,7 +2155,7 @@ function flatten(list, out) {
     out.push(list);
 }
 function jsx(type, config, ...children) {
-    const { key, name, id, attribute, stateProxy, ...props } = config || {};
+    const _a = config || {}, { key, name, id, attribute, stateProxy } = _a, props = __rest(_a, ["key", "name", "id", "attribute", "stateProxy"]);
     let c = type;
     if (isString(type)) {
         c = graphicCreator[type];
@@ -2255,79 +2276,80 @@ function parseToGraphic(g, props, childrenList) {
 }
 
 class DragNDrop {
-    rootNode;
     constructor(rootNode) {
+        this.onPointerDown = (event) => {
+            const target = event.target;
+            const rootNode = this.rootNode;
+            const isRoot = target === rootNode;
+            if (target && !isRoot) {
+                let dragstartTriggered = false;
+                let currentDroppable;
+                function handlePointerMove(moveEvent) {
+                    if (!dragstartTriggered) {
+                        moveEvent.type = 'dragstart';
+                        target === null || target === void 0 ? void 0 : target.dispatchEvent(moveEvent);
+                        dragstartTriggered = true;
+                    }
+                    moveEvent.type = 'drag';
+                    target === null || target === void 0 ? void 0 : target.dispatchEvent(moveEvent);
+                    if (!isRoot) {
+                        target.attribute.pickable = false;
+                        const clickResult = rootNode === null || rootNode === void 0 ? void 0 : rootNode.pick(moveEvent.global.x, moveEvent.global.y);
+                        const elemBelow = clickResult.graphic;
+                        target.attribute.pickable = true;
+                        if (currentDroppable !== elemBelow) {
+                            if (currentDroppable) {
+                                moveEvent.type = 'dragleave';
+                                moveEvent.target = currentDroppable;
+                                currentDroppable.dispatchEvent(moveEvent);
+                            }
+                            if (elemBelow) {
+                                moveEvent.type = 'dragenter';
+                                moveEvent.target = elemBelow;
+                                elemBelow.dispatchEvent(moveEvent);
+                            }
+                            currentDroppable = elemBelow;
+                            if (currentDroppable) {
+                                moveEvent.type = 'dragover';
+                                moveEvent.target = currentDroppable;
+                                currentDroppable.dispatchEvent(moveEvent);
+                            }
+                        }
+                    }
+                }
+                rootNode === null || rootNode === void 0 ? void 0 : rootNode.addEventListener('pointermove', handlePointerMove);
+                const stopDragging = function () {
+                    if (dragstartTriggered) {
+                        if (currentDroppable) {
+                            event.type = 'drop';
+                            event.target = currentDroppable;
+                            currentDroppable.dispatchEvent(event);
+                        }
+                        event.type = 'dragend';
+                        target.dispatchEvent(event);
+                        dragstartTriggered = false;
+                    }
+                    rootNode === null || rootNode === void 0 ? void 0 : rootNode.removeEventListener('pointermove', handlePointerMove);
+                };
+                target.addEventListener('pointerup', stopDragging, { once: true });
+                target.addEventListener('pointerupoutside', stopDragging, { once: true });
+            }
+        };
         this.rootNode = rootNode;
         this.initEvents();
     }
     initEvents() {
-        this.rootNode?.addEventListener('pointerdown', this.onPointerDown);
+        var _a;
+        (_a = this.rootNode) === null || _a === void 0 ? void 0 : _a.addEventListener('pointerdown', this.onPointerDown);
     }
     removeEvents() {
-        this.rootNode?.removeEventListener('pointerdown', this.onPointerDown);
+        var _a;
+        (_a = this.rootNode) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.onPointerDown);
     }
     release() {
         this.removeEvents();
         this.rootNode = null;
     }
-    onPointerDown = (event) => {
-        const target = event.target;
-        const rootNode = this.rootNode;
-        const isRoot = target === rootNode;
-        if (target && !isRoot) {
-            let dragstartTriggered = false;
-            let currentDroppable;
-            function handlePointerMove(moveEvent) {
-                if (!dragstartTriggered) {
-                    moveEvent.type = 'dragstart';
-                    target?.dispatchEvent(moveEvent);
-                    dragstartTriggered = true;
-                }
-                moveEvent.type = 'drag';
-                target?.dispatchEvent(moveEvent);
-                if (!isRoot) {
-                    target.attribute.pickable = false;
-                    const clickResult = rootNode?.pick(moveEvent.global.x, moveEvent.global.y);
-                    const elemBelow = clickResult.graphic;
-                    target.attribute.pickable = true;
-                    if (currentDroppable !== elemBelow) {
-                        if (currentDroppable) {
-                            moveEvent.type = 'dragleave';
-                            moveEvent.target = currentDroppable;
-                            currentDroppable.dispatchEvent(moveEvent);
-                        }
-                        if (elemBelow) {
-                            moveEvent.type = 'dragenter';
-                            moveEvent.target = elemBelow;
-                            elemBelow.dispatchEvent(moveEvent);
-                        }
-                        currentDroppable = elemBelow;
-                        if (currentDroppable) {
-                            moveEvent.type = 'dragover';
-                            moveEvent.target = currentDroppable;
-                            currentDroppable.dispatchEvent(moveEvent);
-                        }
-                    }
-                }
-            }
-            rootNode?.addEventListener('pointermove', handlePointerMove);
-            const stopDragging = function () {
-                if (dragstartTriggered) {
-                    if (currentDroppable) {
-                        event.type = 'drop';
-                        event.target = currentDroppable;
-                        currentDroppable.dispatchEvent(event);
-                    }
-                    event.type = 'dragend';
-                    target.dispatchEvent(event);
-                    dragstartTriggered = false;
-                }
-                rootNode?.removeEventListener('pointermove', handlePointerMove);
-            };
-            target.addEventListener('pointerup', stopDragging, { once: true });
-            target.addEventListener('pointerupoutside', stopDragging, { once: true });
-        }
-    };
 }
 
 const PRESS_TIME = 251;
@@ -2370,42 +2392,159 @@ const getCenter = (points) => {
     };
 };
 class Gesture extends EventEmitter {
-    element;
-    cachedEvents = [];
-    startTime;
-    pressTimeout;
-    startPoints = [];
-    processEvent = {};
-    startDistance;
-    center;
-    eventType;
-    direction;
-    lastMoveTime;
-    prevMoveTime;
-    prevMovePoint;
-    lastMovePoint;
-    throttleTimer = 0;
-    emitThrottles = [];
-    config;
-    tapCount;
-    lastTapTime;
-    lastTapTarget = null;
     constructor(element, config = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         super();
+        this.cachedEvents = [];
+        this.startPoints = [];
+        this.processEvent = {};
+        this.throttleTimer = 0;
+        this.emitThrottles = [];
+        this.lastTapTarget = null;
+        this.onStart = (ev) => {
+            this.reset();
+            this.startTime = clock.now();
+            const { cachedEvents, startPoints } = this;
+            if (ev) {
+                cachedEvents.push(ev.clone());
+            }
+            startPoints.length = cachedEvents.length;
+            for (let i = 0; i < cachedEvents.length; i++) {
+                const { x, y } = cachedEvents[i];
+                const point = { x, y };
+                startPoints[i] = point;
+            }
+            if (startPoints.length === 1) {
+                const event = cachedEvents[0];
+                this.pressTimeout = setTimeout(() => {
+                    const eventType = 'press';
+                    const direction = 'none';
+                    event.direction = direction;
+                    event.deltaX = 0;
+                    event.deltaY = 0;
+                    event.points = startPoints;
+                    this.triggerStartEvent(eventType, event);
+                    this.triggerEvent(eventType, event);
+                    this.eventType = eventType;
+                    this.direction = direction;
+                }, this.config.press.time);
+                return;
+            }
+            this.startDistance = calcDistance(startPoints[0], startPoints[1]);
+            this.center = getCenter([startPoints[0], startPoints[1]]);
+        };
+        this.onMove = (ev) => {
+            this.clearPressTimeout();
+            const { startPoints, cachedEvents } = this;
+            if (!startPoints.length) {
+                return;
+            }
+            const moveEvent = ev.clone();
+            const { x, y, pointerId } = moveEvent;
+            for (let i = 0, len = cachedEvents.length; i < len; i++) {
+                if (pointerId === cachedEvents[i].pointerId) {
+                    cachedEvents[i] = moveEvent;
+                    break;
+                }
+            }
+            const point = { x, y };
+            const points = cachedEvents.map(cachedEvent => ({ x: cachedEvent.x, y: cachedEvent.y }));
+            const now = clock.now();
+            this.prevMoveTime = this.lastMoveTime;
+            this.prevMovePoint = this.lastMovePoint;
+            this.lastMoveTime = now;
+            this.lastMovePoint = point;
+            if (startPoints.length === 1) {
+                const startPoint = startPoints[0];
+                const deltaX = x - startPoint.x;
+                const deltaY = y - startPoint.y;
+                const direction = this.direction || calcDirection(startPoint, point);
+                this.direction = direction;
+                const eventType = this.getEventType(point);
+                moveEvent.direction = direction;
+                moveEvent.deltaX = deltaX;
+                moveEvent.deltaY = deltaY;
+                moveEvent.points = points;
+                this.triggerStartEvent(eventType, moveEvent);
+                this.triggerEvent(eventType, moveEvent);
+                return;
+            }
+            const { startDistance } = this;
+            const currentDistance = calcDistance(points[0], points[1]);
+            moveEvent.scale = currentDistance / startDistance;
+            moveEvent.center = this.center;
+            moveEvent.points = points;
+            this.triggerStartEvent('pinch', moveEvent);
+            this.triggerEvent('pinch', moveEvent);
+        };
+        this.onEnd = (ev) => {
+            const endEvent = ev.clone();
+            const { cachedEvents, startPoints } = this;
+            const points = cachedEvents.map(ev => {
+                return { x: ev.x, y: ev.y };
+            });
+            endEvent.points = points;
+            this.triggerEndEvent(endEvent);
+            if (cachedEvents.length === 1) {
+                const now = clock.now();
+                const lastMoveTime = this.lastMoveTime;
+                if (now - lastMoveTime < 100) {
+                    const prevMoveTime = this.prevMoveTime || this.startTime;
+                    const intervalTime = lastMoveTime - prevMoveTime;
+                    if (intervalTime > 0) {
+                        const prevMovePoint = this.prevMovePoint || startPoints[0];
+                        const lastMovePoint = this.lastMovePoint || startPoints[0];
+                        const distance = calcDistance(prevMovePoint, lastMovePoint);
+                        const velocity = distance / intervalTime;
+                        if (velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold) {
+                            endEvent.velocity = velocity;
+                            endEvent.direction = calcDirection(prevMovePoint, lastMovePoint);
+                            this.triggerEvent('swipe', endEvent);
+                        }
+                    }
+                }
+                if (now - this.lastTapTime < this.config.tap.interval && ev.target === this.lastTapTarget) {
+                    this.tapCount++;
+                }
+                else {
+                    this.tapCount = 1;
+                }
+                this.lastTapTime = now;
+                this.lastTapTarget = ev.target;
+                if (this.tapCount === 1) {
+                    this.triggerEvent('tap', endEvent);
+                }
+                else if (this.tapCount === 2) {
+                    this.triggerEvent('doubletap', endEvent);
+                    this.tapCount = 0;
+                }
+            }
+            for (let i = 0, len = cachedEvents.length; i < len; i++) {
+                if (cachedEvents[i].pointerId === endEvent.pointerId) {
+                    cachedEvents.splice(i, 1);
+                    startPoints.splice(i, 1);
+                    break;
+                }
+            }
+            this.reset();
+            if (cachedEvents.length > 0) {
+                this.onStart();
+            }
+        };
         this.element = element;
         this.tapCount = 0;
         this.lastTapTime = 0;
         this.config = {
             press: {
-                time: config?.press?.time ?? PRESS_TIME,
-                threshold: config?.press?.threshold ?? PRESS_THRESHOLD
+                time: (_b = (_a = config === null || config === void 0 ? void 0 : config.press) === null || _a === void 0 ? void 0 : _a.time) !== null && _b !== void 0 ? _b : PRESS_TIME,
+                threshold: (_d = (_c = config === null || config === void 0 ? void 0 : config.press) === null || _c === void 0 ? void 0 : _c.threshold) !== null && _d !== void 0 ? _d : PRESS_THRESHOLD
             },
             swipe: {
-                threshold: config?.swipe?.threshold ?? SWIPE_THRESHOLD,
-                velocity: config?.swipe?.velocity ?? SWIPE_VELOCITY
+                threshold: (_f = (_e = config === null || config === void 0 ? void 0 : config.swipe) === null || _e === void 0 ? void 0 : _e.threshold) !== null && _f !== void 0 ? _f : SWIPE_THRESHOLD,
+                velocity: (_h = (_g = config === null || config === void 0 ? void 0 : config.swipe) === null || _g === void 0 ? void 0 : _g.velocity) !== null && _h !== void 0 ? _h : SWIPE_VELOCITY
             },
             tap: {
-                interval: config?.tap?.interval ?? TAP_INTERVAL
+                interval: (_k = (_j = config === null || config === void 0 ? void 0 : config.tap) === null || _j === void 0 ? void 0 : _j.interval) !== null && _k !== void 0 ? _k : TAP_INTERVAL
             }
         };
         this.initEvents();
@@ -2434,136 +2573,6 @@ class Gesture extends EventEmitter {
         this.removeEvents();
         this.element = null;
     }
-    onStart = (ev) => {
-        this.reset();
-        this.startTime = clock.now();
-        const { cachedEvents, startPoints } = this;
-        if (ev) {
-            cachedEvents.push(ev.clone());
-        }
-        startPoints.length = cachedEvents.length;
-        for (let i = 0; i < cachedEvents.length; i++) {
-            const { x, y } = cachedEvents[i];
-            const point = { x, y };
-            startPoints[i] = point;
-        }
-        if (startPoints.length === 1) {
-            const event = cachedEvents[0];
-            this.pressTimeout = setTimeout(() => {
-                const eventType = 'press';
-                const direction = 'none';
-                event.direction = direction;
-                event.deltaX = 0;
-                event.deltaY = 0;
-                event.points = startPoints;
-                this.triggerStartEvent(eventType, event);
-                this.triggerEvent(eventType, event);
-                this.eventType = eventType;
-                this.direction = direction;
-            }, this.config.press.time);
-            return;
-        }
-        this.startDistance = calcDistance(startPoints[0], startPoints[1]);
-        this.center = getCenter([startPoints[0], startPoints[1]]);
-    };
-    onMove = (ev) => {
-        this.clearPressTimeout();
-        const { startPoints, cachedEvents } = this;
-        if (!startPoints.length) {
-            return;
-        }
-        const moveEvent = ev.clone();
-        const { x, y, pointerId } = moveEvent;
-        for (let i = 0, len = cachedEvents.length; i < len; i++) {
-            if (pointerId === cachedEvents[i].pointerId) {
-                cachedEvents[i] = moveEvent;
-                break;
-            }
-        }
-        const point = { x, y };
-        const points = cachedEvents.map(cachedEvent => ({ x: cachedEvent.x, y: cachedEvent.y }));
-        const now = clock.now();
-        this.prevMoveTime = this.lastMoveTime;
-        this.prevMovePoint = this.lastMovePoint;
-        this.lastMoveTime = now;
-        this.lastMovePoint = point;
-        if (startPoints.length === 1) {
-            const startPoint = startPoints[0];
-            const deltaX = x - startPoint.x;
-            const deltaY = y - startPoint.y;
-            const direction = this.direction || calcDirection(startPoint, point);
-            this.direction = direction;
-            const eventType = this.getEventType(point);
-            moveEvent.direction = direction;
-            moveEvent.deltaX = deltaX;
-            moveEvent.deltaY = deltaY;
-            moveEvent.points = points;
-            this.triggerStartEvent(eventType, moveEvent);
-            this.triggerEvent(eventType, moveEvent);
-            return;
-        }
-        const { startDistance } = this;
-        const currentDistance = calcDistance(points[0], points[1]);
-        moveEvent.scale = currentDistance / startDistance;
-        moveEvent.center = this.center;
-        moveEvent.points = points;
-        this.triggerStartEvent('pinch', moveEvent);
-        this.triggerEvent('pinch', moveEvent);
-    };
-    onEnd = (ev) => {
-        const endEvent = ev.clone();
-        const { cachedEvents, startPoints } = this;
-        const points = cachedEvents.map(ev => {
-            return { x: ev.x, y: ev.y };
-        });
-        endEvent.points = points;
-        this.triggerEndEvent(endEvent);
-        if (cachedEvents.length === 1) {
-            const now = clock.now();
-            const lastMoveTime = this.lastMoveTime;
-            if (now - lastMoveTime < 100) {
-                const prevMoveTime = this.prevMoveTime || this.startTime;
-                const intervalTime = lastMoveTime - prevMoveTime;
-                if (intervalTime > 0) {
-                    const prevMovePoint = this.prevMovePoint || startPoints[0];
-                    const lastMovePoint = this.lastMovePoint || startPoints[0];
-                    const distance = calcDistance(prevMovePoint, lastMovePoint);
-                    const velocity = distance / intervalTime;
-                    if (velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold) {
-                        endEvent.velocity = velocity;
-                        endEvent.direction = calcDirection(prevMovePoint, lastMovePoint);
-                        this.triggerEvent('swipe', endEvent);
-                    }
-                }
-            }
-            if (now - this.lastTapTime < this.config.tap.interval && ev.target === this.lastTapTarget) {
-                this.tapCount++;
-            }
-            else {
-                this.tapCount = 1;
-            }
-            this.lastTapTime = now;
-            this.lastTapTarget = ev.target;
-            if (this.tapCount === 1) {
-                this.triggerEvent('tap', endEvent);
-            }
-            else if (this.tapCount === 2) {
-                this.triggerEvent('doubletap', endEvent);
-                this.tapCount = 0;
-            }
-        }
-        for (let i = 0, len = cachedEvents.length; i < len; i++) {
-            if (cachedEvents[i].pointerId === endEvent.pointerId) {
-                cachedEvents.splice(i, 1);
-                startPoints.splice(i, 1);
-                break;
-            }
-        }
-        this.reset();
-        if (cachedEvents.length > 0) {
-            this.onStart();
-        }
-    };
     getEventType(point) {
         const { eventType, startTime, startPoints } = this;
         if (eventType) {
@@ -2698,12 +2707,6 @@ const addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, cl
     }
 };
 let BrowserContext2d = class BrowserContext2d {
-    static env = 'browser';
-    baseGlobalAlpha;
-    drawPromise;
-    modelMatrix;
-    matrix;
-    applyedMatrix;
     set fillStyle(d) {
         this.nativeContext.fillStyle = d;
     }
@@ -2810,8 +2813,13 @@ let BrowserContext2d = class BrowserContext2d {
             this.nativeContext.restore();
         }
     }
-    dpr;
     constructor(canvas, dpr) {
+        this.fillAttributes = Object.assign(Object.assign({}, DefaultFillStyle), { opacity: 1 });
+        this.strokeAttributes = Object.assign(Object.assign({}, DefaultStrokeStyle), { opacity: 1 });
+        this.textAttributes = Object.assign(Object.assign({}, DefaultTextStyle), { opacity: 1 });
+        this._clearShadowStyle = false;
+        this._clearFilterStyle = false;
+        this._clearGlobalCompositeOperationStyle = false;
         const context = canvas.nativeCanvas.getContext('2d');
         if (!context) {
             throw new Error('发生错误，获取2d上下文失败');
@@ -3197,14 +3205,15 @@ let BrowserContext2d = class BrowserContext2d {
         return this.nativeContext.isPointInStroke(x, y);
     }
     measureText(text, method = application.global.measureTextMethod) {
+        var _a, _b;
         if (!method || method === 'native') {
             return this.nativeContext.measureText(text);
         }
         if (!this.mathTextMeasure) {
             this.mathTextMeasure = application.graphicUtil.createTextMeasureInstance({}, {}, () => this.canvas.nativeCanvas);
         }
-        const fontFamily = this.fontFamily ?? DefaultTextStyle.fontFamily;
-        const fontSize = this.fontSize ?? DefaultTextStyle.fontSize;
+        const fontFamily = (_a = this.fontFamily) !== null && _a !== void 0 ? _a : DefaultTextStyle.fontFamily;
+        const fontSize = (_b = this.fontSize) !== null && _b !== void 0 ? _b : DefaultTextStyle.fontSize;
         if (this.mathTextMeasure.textSpec.fontFamily !== fontFamily ||
             this.mathTextMeasure.textSpec.fontSize !== fontSize) {
             this.mathTextMeasure.textSpec.fontFamily = fontFamily;
@@ -3269,9 +3278,6 @@ let BrowserContext2d = class BrowserContext2d {
             _context.drawImage(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8]);
         }
     }
-    fillAttributes = { ...DefaultFillStyle, opacity: 1 };
-    strokeAttributes = { ...DefaultStrokeStyle, opacity: 1 };
-    textAttributes = { ...DefaultTextStyle, opacity: 1 };
     setCommonStyle(params, attribute, offsetX, offsetY, defaultParams) {
         if (Array.isArray(defaultParams)) {
             if (defaultParams.length <= 1) {
@@ -3318,9 +3324,6 @@ let BrowserContext2d = class BrowserContext2d {
         }
         return this._setShadowBlendStyle(params, attribute, defaultParams);
     }
-    _clearShadowStyle = false;
-    _clearFilterStyle = false;
-    _clearGlobalCompositeOperationStyle = false;
     _setShadowBlendStyle(params, attribute, defaultParams) {
         const _context = this.nativeContext;
         if (!defaultParams) {
@@ -3411,6 +3414,7 @@ let BrowserContext2d = class BrowserContext2d {
         _context.textBaseline = 'alphabetic';
     }
     setTextStyle(params, defaultParams, z) {
+        var _a, _b;
         const _context = this.nativeContext;
         if (!defaultParams) {
             defaultParams = this.textAttributes;
@@ -3424,8 +3428,8 @@ let BrowserContext2d = class BrowserContext2d {
         const { fontFamily = defaultParams.fontFamily, fontSize = defaultParams.fontSize } = params;
         this.fontFamily = fontFamily;
         this.fontSize = fontSize;
-        _context.textAlign = params.textAlign ?? defaultParams.textAlign;
-        _context.textBaseline = params.textBaseline ?? defaultParams.textBaseline;
+        _context.textAlign = (_a = params.textAlign) !== null && _a !== void 0 ? _a : defaultParams.textAlign;
+        _context.textBaseline = (_b = params.textBaseline) !== null && _b !== void 0 ? _b : defaultParams.textBaseline;
     }
     draw() {
         return;
@@ -3445,13 +3449,13 @@ let BrowserContext2d = class BrowserContext2d {
         return;
     }
 };
+BrowserContext2d.env = 'browser';
 BrowserContext2d = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object, Number])
 ], BrowserContext2d);
 
 let BrowserCanvas = class BrowserCanvas extends BaseCanvas {
-    static env = 'browser';
     constructor(params) {
         super(params);
     }
@@ -3550,6 +3554,7 @@ let BrowserCanvas = class BrowserCanvas extends BaseCanvas {
         _context.dpr = this._dpr;
     }
 };
+BrowserCanvas.env = 'browser';
 BrowserCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -3573,9 +3578,6 @@ function createModule(CanvasConstructor, ContextConstructor) {
 const browserCanvasModule = createModule(BrowserCanvas, BrowserContext2d);
 
 let DefaultCanvasPickerService = class DefaultCanvasPickerService extends DefaultPickService {
-    contributions;
-    drawContribution;
-    pickItemInterceptorContributions;
     constructor(contributions, drawContribution, pickItemInterceptorContributions) {
         super(pickItemInterceptorContributions);
         this.contributions = contributions;
@@ -3651,8 +3653,10 @@ DefaultCanvasPickerService = __decorate([
 ], DefaultCanvasPickerService);
 
 let DefaultCanvasGroupPicker = class DefaultCanvasGroupPicker {
-    type = 'group';
-    numberType = GROUP_NUMBER_TYPE;
+    constructor() {
+        this.type = 'group';
+        this.numberType = GROUP_NUMBER_TYPE;
+    }
     contains(group, point, params) {
         return false;
     }
@@ -3690,21 +3694,15 @@ function loadCanvasPicker(c) {
 
 var BrowserWindowHandlerContribution_1;
 let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = class BrowserWindowHandlerContribution extends BaseWindowHandlerContribution {
-    static env = 'browser';
-    type = 'browser';
-    _canvasIsIntersecting;
-    _onVisibleChangeCb;
-    global;
     get container() {
         return this.canvas.nativeCanvas.parentElement;
     }
-    static idprefix = 'visactor_window';
-    static prefix_count = 0;
     static GenerateCanvasId() {
         return `${BrowserWindowHandlerContribution_1.idprefix}_${BrowserWindowHandlerContribution_1.prefix_count++}`;
     }
     constructor() {
         super();
+        this.type = 'browser';
         this._canvasIsIntersecting = true;
         this.global = application.global;
         this.viewBox = new AABBBounds();
@@ -3805,6 +3803,7 @@ let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = clas
         this.canvas = new BrowserCanvas(options);
     }
     createWindowByCanvas(params) {
+        var _a;
         let canvas;
         if (typeof params.canvas === 'string') {
             canvas = this.global.getElementById(params.canvas);
@@ -3828,7 +3827,7 @@ let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = clas
         let dpr = params.dpr;
         if (dpr == null) {
             const ctx = canvas.getContext('2d');
-            dpr = ctx.pixelRatio ?? canvas.width / width;
+            dpr = (_a = ctx.pixelRatio) !== null && _a !== void 0 ? _a : canvas.width / width;
         }
         this.canvas = new BrowserCanvas({
             width: width,
@@ -3866,7 +3865,8 @@ let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = clas
         return this.canvas.nativeCanvas.dispatchEvent(event);
     }
     getStyle() {
-        return this.canvas.nativeCanvas.style ?? {};
+        var _a;
+        return (_a = this.canvas.nativeCanvas.style) !== null && _a !== void 0 ? _a : {};
     }
     setStyle(style) {
         this.canvas.nativeCanvas.style = style;
@@ -3911,6 +3911,9 @@ let BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = clas
         return this.global.getElementTopLeft(this.canvas.nativeCanvas, baseWindow);
     }
 };
+BrowserWindowHandlerContribution.env = 'browser';
+BrowserWindowHandlerContribution.idprefix = 'visactor_window';
+BrowserWindowHandlerContribution.prefix_count = 0;
 BrowserWindowHandlerContribution = BrowserWindowHandlerContribution_1 = __decorate([
     injectable(),
     __metadata("design:paramtypes", [])
@@ -3941,7 +3944,6 @@ class DynamicB {
     get height() {
         return this.dom.getBoundingClientRect().height;
     }
-    dom;
     constructor(dom) {
         this.dom = dom;
     }
@@ -3968,10 +3970,10 @@ function createImageElement$1(src, isSvg = false) {
     return promise;
 }
 let BrowserEnvContribution = class BrowserEnvContribution extends BaseEnvContribution {
-    type = 'browser';
-    supportEvent = true;
     constructor() {
         super();
+        this.type = 'browser';
+        this.supportEvent = true;
         try {
             this.supportsTouchEvents = 'ontouchstart' in globalThis;
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -3985,12 +3987,13 @@ let BrowserEnvContribution = class BrowserEnvContribution extends BaseEnvContrib
         this.applyStyles = true;
     }
     mapToCanvasPoint(nativeEvent, domElement) {
+        var _a, _b;
         let clientX = 0;
         let clientY = 0;
         let offsetX = 0;
         let offsetY = 0;
         if (nativeEvent.changedTouches) {
-            const data = nativeEvent.changedTouches[0] ?? {};
+            const data = (_a = nativeEvent.changedTouches[0]) !== null && _a !== void 0 ? _a : {};
             clientX = data.clientX || 0;
             clientY = data.clientY || 0;
             offsetX = clientX;
@@ -4006,7 +4009,7 @@ let BrowserEnvContribution = class BrowserEnvContribution extends BaseEnvContrib
             const x = clientX;
             const y = clientY;
             const rect = domElement.getBoundingClientRect();
-            const nativeCanvas = domElement.getNativeHandler?.().nativeCanvas;
+            const nativeCanvas = (_b = domElement.getNativeHandler) === null || _b === void 0 ? void 0 : _b.call(domElement).nativeCanvas;
             let scaleX;
             let scaleY;
             if (nativeCanvas) {
@@ -4106,9 +4109,10 @@ let BrowserEnvContribution = class BrowserEnvContribution extends BaseEnvContrib
         });
     }
     createCanvas(params) {
+        var _a, _b;
         const canvas = document.createElement('canvas');
-        params.id && (canvas.id = params.id ?? Generator.GenAutoIncrementId().toString());
-        const dpr = params.dpr ?? window.devicePixelRatio;
+        params.id && (canvas.id = (_a = params.id) !== null && _a !== void 0 ? _a : Generator.GenAutoIncrementId().toString());
+        const dpr = (_b = params.dpr) !== null && _b !== void 0 ? _b : window.devicePixelRatio;
         if (params.width && params.height) {
             canvas.style.width = `${params.width}px`;
             canvas.style.height = `${params.height}px`;
@@ -4118,7 +4122,8 @@ let BrowserEnvContribution = class BrowserEnvContribution extends BaseEnvContrib
         return canvas;
     }
     createOffscreenCanvas(params) {
-        const dpr = params.dpr ?? window.devicePixelRatio;
+        var _a;
+        const dpr = (_a = params.dpr) !== null && _a !== void 0 ? _a : window.devicePixelRatio;
         const canvas = new OffscreenCanvas(params.width * dpr, params.height * dpr);
         return canvas;
     }
@@ -4228,8 +4233,6 @@ function initBrowserEnv() {
 }
 
 let FeishuContext2d = class FeishuContext2d extends BrowserContext2d {
-    static env = 'feishu';
-    _globalAlpha;
     get globalAlpha() {
         return this._globalAlpha;
     }
@@ -4239,9 +4242,10 @@ let FeishuContext2d = class FeishuContext2d extends BrowserContext2d {
     }
     getImageData(sx, sy, sw, sh) {
         return new Promise((resolve, reject) => {
+            var _a;
             try {
                 tt.canvasGetImageData({
-                    canvasId: this.canvas.nativeCanvas.id ?? this.canvas.id,
+                    canvasId: (_a = this.canvas.nativeCanvas.id) !== null && _a !== void 0 ? _a : this.canvas.id,
                     x: sx,
                     y: sy,
                     width: sw,
@@ -4272,12 +4276,12 @@ let FeishuContext2d = class FeishuContext2d extends BrowserContext2d {
         return null;
     }
 };
+FeishuContext2d.env = 'feishu';
 FeishuContext2d = __decorate([
     injectable()
 ], FeishuContext2d);
 
 let FeishuCanvas = class FeishuCanvas extends BaseCanvas {
-    static env = 'feishu';
     constructor(params) {
         super(params);
     }
@@ -4288,6 +4292,7 @@ let FeishuCanvas = class FeishuCanvas extends BaseCanvas {
         return;
     }
 };
+FeishuCanvas.env = 'feishu';
 FeishuCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -4296,6 +4301,9 @@ FeishuCanvas = __decorate([
 const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
 let MiniAppEventManager$5 = class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -4320,20 +4328,16 @@ let MiniAppEventManager$5 = class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 };
 let FeishuWindowHandlerContribution = class FeishuWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'feishu';
-    type = 'feishu';
-    eventManager = new MiniAppEventManager$5();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'feishu';
+        this.eventManager = new MiniAppEventManager$5();
     }
     getTitle() {
         return this.canvas.id.toString();
@@ -4483,6 +4487,7 @@ let FeishuWindowHandlerContribution = class FeishuWindowHandlerContribution exte
         context.nativeContext.restore();
     }
 };
+FeishuWindowHandlerContribution.env = 'feishu';
 FeishuWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -4496,8 +4501,6 @@ const feishuWindowModule = new ContainerModule(bind => {
 });
 
 let DefaultMathPickerService = class DefaultMathPickerService extends DefaultPickService {
-    contributions;
-    pickItemInterceptorContributions;
     constructor(contributions, pickItemInterceptorContributions) {
         super(pickItemInterceptorContributions);
         this.contributions = contributions;
@@ -4556,11 +4559,10 @@ const m = new ContainerModule(bind => {
 m.__vloaded = false;
 
 let DefaultMathArcPicker = class DefaultMathArcPicker {
-    canvasRenderer;
-    type = 'arc';
-    numberType = ARC_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'arc';
+        this.numberType = ARC_NUMBER_TYPE;
     }
     contains(arc, point, params) {
         if (!arc.AABBBounds.containsPoint(point)) {
@@ -4569,7 +4571,7 @@ let DefaultMathArcPicker = class DefaultMathArcPicker {
         if (arc.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4625,11 +4627,10 @@ const arcMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) =>
 });
 
 let DefaultMathAreaPicker = class DefaultMathAreaPicker {
-    canvasRenderer;
-    type = 'area';
-    numberType = AREA_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'area';
+        this.numberType = AREA_NUMBER_TYPE;
     }
     contains(area, point, params) {
         if (!area.AABBBounds.containsPoint(point)) {
@@ -4638,7 +4639,7 @@ let DefaultMathAreaPicker = class DefaultMathAreaPicker {
         if (area.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4685,11 +4686,10 @@ const areaMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) =
 });
 
 let DefaultMathCirclePicker = class DefaultMathCirclePicker {
-    canvasRenderer;
-    type = 'circle';
-    numberType = CIRCLE_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'circle';
+        this.numberType = CIRCLE_NUMBER_TYPE;
     }
     contains(circle, point, params) {
         if (!circle.AABBBounds.containsPoint(point)) {
@@ -4698,7 +4698,7 @@ let DefaultMathCirclePicker = class DefaultMathCirclePicker {
         if (circle.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4754,11 +4754,10 @@ const circleMathPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultMathGlyphPicker = class DefaultMathGlyphPicker {
-    canvasRenderer;
-    type = 'glyph';
-    numberType = GLYPH_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'glyph';
+        this.numberType = GLYPH_NUMBER_TYPE;
     }
     contains(glyph, point, params) {
         if (!glyph.AABBBounds.containsPoint(point)) {
@@ -4767,11 +4766,11 @@ let DefaultMathGlyphPicker = class DefaultMathGlyphPicker {
         if (glyph.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
-        const pickerService = params?.pickerService;
+        const pickerService = params === null || params === void 0 ? void 0 : params.pickerService;
         if (pickerService) {
             let picked = false;
             glyph.getSubGraphic().forEach(g => {
@@ -4802,10 +4801,12 @@ const glyphMathPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultMathImagePicker = class DefaultMathImagePicker {
-    type = 'image';
-    numberType = IMAGE_NUMBER_TYPE;
+    constructor() {
+        this.type = 'image';
+        this.numberType = IMAGE_NUMBER_TYPE;
+    }
     contains(image, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4830,11 +4831,10 @@ const imageMathPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultMathLinePicker = class DefaultMathLinePicker {
-    canvasRenderer;
-    type = 'line';
-    numberType = LINE_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'line';
+        this.numberType = LINE_NUMBER_TYPE;
     }
     contains(line, point, params) {
         if (!line.AABBBounds.containsPoint(point)) {
@@ -4843,7 +4843,7 @@ let DefaultMathLinePicker = class DefaultMathLinePicker {
         if (line.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4899,17 +4899,16 @@ const lineMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) =
 });
 
 let DefaultMathPolygonPicker = class DefaultMathPolygonPicker {
-    canvasRenderer;
-    type = 'polygon';
-    numberType = POLYGON_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'polygon';
+        this.numberType = POLYGON_NUMBER_TYPE;
     }
     contains(polygon, point, params) {
         if (!polygon.AABBBounds.contains(point.x, point.y)) {
             return false;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -4965,11 +4964,10 @@ const polygonMathPickModule = new ContainerModule((bind, unbind, isBound, rebind
 });
 
 let DefaultMathPathPicker = class DefaultMathPathPicker {
-    canvasRenderer;
-    type = 'path';
-    numberType = PATH_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'path';
+        this.numberType = PATH_NUMBER_TYPE;
     }
     contains(path, point, params) {
         if (!path.AABBBounds.containsPoint(point)) {
@@ -4978,7 +4976,7 @@ let DefaultMathPathPicker = class DefaultMathPathPicker {
         if (path.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -5035,11 +5033,10 @@ const pathMathPickModule = new ContainerModule((bind, unbind, isBound, rebind) =
 
 const _bounds$1 = new AABBBounds();
 let DefaultMathRectPicker = class DefaultMathRectPicker {
-    canvasRenderer;
-    type = 'rect';
-    numberType = RECT_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'rect';
+        this.numberType = RECT_NUMBER_TYPE;
     }
     contains(rect, point, params) {
         if (!rect.AABBBounds.containsPoint(point)) {
@@ -5048,7 +5045,7 @@ let DefaultMathRectPicker = class DefaultMathRectPicker {
         if (rect.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -5134,11 +5131,10 @@ const richTextMathPickModule = new ContainerModule((bind, unbind, isBound, rebin
 });
 
 let DefaultMathSymbolPicker = class DefaultMathSymbolPicker {
-    canvasRenderer;
-    type = 'symbol';
-    numberType = SYMBOL_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'symbol';
+        this.numberType = SYMBOL_NUMBER_TYPE;
     }
     contains(symbol, point, params) {
         if (!symbol.AABBBounds.containsPoint(point)) {
@@ -5147,7 +5143,7 @@ let DefaultMathSymbolPicker = class DefaultMathSymbolPicker {
         if (symbol.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -5203,8 +5199,10 @@ const symbolMathPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultMathTextPicker = class DefaultMathTextPicker {
-    type = 'text';
-    numberType = TEXT_NUMBER_TYPE;
+    constructor() {
+        this.type = 'text';
+        this.numberType = TEXT_NUMBER_TYPE;
+    }
     contains(text, point, params) {
         if (!text.AABBBounds.containsPoint(point)) {
             return false;
@@ -5255,12 +5253,6 @@ function loadMathPicker(c) {
 }
 
 class CanvasWrapDisableWH {
-    _w;
-    _h;
-    ctx;
-    nativeCanvas;
-    id;
-    dpr;
     get width() {
         return this._w * this.dpr;
     }
@@ -5305,12 +5297,6 @@ class CanvasWrapDisableWH {
     }
 }
 class CanvasWrapEnableWH {
-    _w;
-    _h;
-    ctx;
-    nativeCanvas;
-    id;
-    dpr;
     get width() {
         return this._w * this.dpr;
     }
@@ -5360,7 +5346,7 @@ class CanvasWrapEnableWH {
 }
 
 function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, pixelRatio) {
-    const dpr = pixelRatio ?? tt.getSystemInfoSync().pixelRatio;
+    const dpr = pixelRatio !== null && pixelRatio !== void 0 ? pixelRatio : tt.getSystemInfoSync().pixelRatio;
     canvasIdLists.forEach((id, i) => {
         const ctx = tt.createCanvasContext(id);
         const canvas = new CanvasWrapDisableWH(ctx.canvas || {}, ctx, dpr, domref.width, domref.height, id);
@@ -5372,13 +5358,13 @@ function makeUpCanvas$4(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCan
     });
 }
 let FeishuEnvContribution = class FeishuEnvContribution extends BaseEnvContribution {
-    type = 'feishu';
-    supportEvent = true;
-    canvasMap = new Map();
-    freeCanvasList = [];
-    canvasIdx = 0;
     constructor() {
         super();
+        this.type = 'feishu';
+        this.supportEvent = true;
+        this.canvasMap = new Map();
+        this.freeCanvasList = [];
+        this.canvasIdx = 0;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -5457,7 +5443,8 @@ let FeishuEnvContribution = class FeishuEnvContribution extends BaseEnvContribut
         return;
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -5491,7 +5478,6 @@ function initFeishuEnv() {
 }
 
 let LynxContext2d = class LynxContext2d extends BrowserContext2d {
-    static env = 'lynx';
     get globalAlpha() {
         return this._globalAlpha;
     }
@@ -5550,12 +5536,12 @@ let LynxContext2d = class LynxContext2d extends BrowserContext2d {
         });
     }
 };
+LynxContext2d.env = 'lynx';
 LynxContext2d = __decorate([
     injectable()
 ], LynxContext2d);
 
 let LynxCanvas = class LynxCanvas extends BaseCanvas {
-    static env = 'lynx';
     constructor(params) {
         super(params);
     }
@@ -5580,12 +5566,16 @@ let LynxCanvas = class LynxCanvas extends BaseCanvas {
         return;
     }
 };
+LynxCanvas.env = 'lynx';
 LynxCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
 ], LynxCanvas);
 
 let MiniAppEventManager$4 = class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -5610,20 +5600,16 @@ let MiniAppEventManager$4 = class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 };
 let LynxWindowHandlerContribution = class LynxWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'lynx';
-    type = 'lynx';
-    eventManager = new MiniAppEventManager$4();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'lynx';
+        this.eventManager = new MiniAppEventManager$4();
     }
     getTitle() {
         return this.canvas.id && this.canvas.id.toString();
@@ -5773,6 +5759,7 @@ let LynxWindowHandlerContribution = class LynxWindowHandlerContribution extends
         context.nativeContext.restore();
     }
 };
+LynxWindowHandlerContribution.env = 'lynx';
 LynxWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -5794,7 +5781,7 @@ try {
 catch (err) {
 }
 function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, offscreen, pixelRatio) {
-    const dpr = pixelRatio ?? SystemInfo.pixelRatio;
+    const dpr = pixelRatio !== null && pixelRatio !== void 0 ? pixelRatio : SystemInfo.pixelRatio;
     canvasIdLists.forEach((id, i) => {
         let _canvas;
         if (offscreen) {
@@ -5830,13 +5817,13 @@ function createImageElement(src, isSvg = false) {
     return promise;
 }
 let LynxEnvContribution = class LynxEnvContribution extends BaseEnvContribution {
-    type = 'lynx';
-    supportEvent = true;
-    canvasMap = new Map();
-    freeCanvasList = [];
-    canvasIdx = 0;
     constructor() {
         super();
+        this.type = 'lynx';
+        this.supportEvent = true;
+        this.canvasMap = new Map();
+        this.freeCanvasList = [];
+        this.canvasIdx = 0;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -5904,7 +5891,8 @@ let LynxEnvContribution = class LynxEnvContribution extends BaseEnvContribution
         };
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -5959,7 +5947,6 @@ function initLynxEnv() {
 }
 
 let NodeContext2d = class NodeContext2d extends BrowserContext2d {
-    static env = 'node';
     constructor(canvas, dpr) {
         super(canvas, dpr);
         const context = canvas.nativeCanvas.getContext('2d');
@@ -5970,19 +5957,19 @@ let NodeContext2d = class NodeContext2d extends BrowserContext2d {
         this.canvas = canvas;
         this.matrix = new Matrix(1, 0, 0, 1, 0, 0);
         this.stack = [];
-        this.dpr = dpr ?? 1;
+        this.dpr = dpr !== null && dpr !== void 0 ? dpr : 1;
     }
     release(...params) {
         return;
     }
 };
+NodeContext2d.env = 'node';
 NodeContext2d = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object, Number])
 ], NodeContext2d);
 
 let NodeCanvas = class NodeCanvas extends BaseCanvas {
-    static env = 'node';
     constructor(params) {
         super(params);
     }
@@ -5997,6 +5984,7 @@ let NodeCanvas = class NodeCanvas extends BaseCanvas {
         }
     }
 };
+NodeCanvas.env = 'node';
 NodeCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -6005,16 +5993,13 @@ NodeCanvas = __decorate([
 const nodeCanvasModule = createModule(NodeCanvas, NodeContext2d);
 
 let NodeWindowHandlerContribution = class NodeWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'node';
-    type = 'node';
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'node';
     }
     getTitle() {
         return '';
@@ -6108,6 +6093,7 @@ let NodeWindowHandlerContribution = class NodeWindowHandlerContribution extends
         return;
     }
 };
+NodeWindowHandlerContribution.env = 'node';
 NodeWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -6121,10 +6107,12 @@ const nodeWindowModule = new ContainerModule(bind => {
 });
 
 let NodeEnvContribution = class NodeEnvContribution extends BaseEnvContribution {
-    type = 'node';
-    pkg;
-    _lastTime = 0;
-    supportEvent = false;
+    constructor() {
+        super(...arguments);
+        this.type = 'node';
+        this._lastTime = 0;
+        this.supportEvent = false;
+    }
     configure(service, pkg) {
         if (service.env === this.type) {
             service.setActiveEnvContribution(this);
@@ -6267,7 +6255,6 @@ function initNodeEnv() {
 }
 
 let TaroContext2d = class TaroContext2d extends BrowserContext2d {
-    static env = 'taro';
     get globalAlpha() {
         return this._globalAlpha;
     }
@@ -6311,6 +6298,7 @@ let TaroContext2d = class TaroContext2d extends BrowserContext2d {
         }
     }
     setTextStyleWithoutAlignBaseline(params, defaultParams) {
+        var _a;
         const _context = this.nativeContext;
         if (!defaultParams) {
             defaultParams = this.textAttributes;
@@ -6321,9 +6309,10 @@ let TaroContext2d = class TaroContext2d extends BrowserContext2d {
         else {
             _context.font = getContextFont(params, defaultParams);
         }
-        _context.setFontSize(params.fontSize ?? defaultParams.fontSize);
+        _context.setFontSize((_a = params.fontSize) !== null && _a !== void 0 ? _a : defaultParams.fontSize);
     }
     setTextStyle(params, defaultParams) {
+        var _a, _b;
         const _context = this.nativeContext;
         if (!defaultParams) {
             defaultParams = this.textAttributes;
@@ -6334,8 +6323,8 @@ let TaroContext2d = class TaroContext2d extends BrowserContext2d {
         else {
             _context.font = getContextFont(params, defaultParams);
         }
-        _context.setTextAlign(params.textAlign ?? defaultParams.textAlign);
-        _context.setTextBaseline(params.textBaseline ?? defaultParams.textBaseline);
+        _context.setTextAlign((_a = params.textAlign) !== null && _a !== void 0 ? _a : defaultParams.textAlign);
+        _context.setTextBaseline((_b = params.textBaseline) !== null && _b !== void 0 ? _b : defaultParams.textBaseline);
     }
     createConicGradient(x, y, startAngle, endAngle) {
         return null;
@@ -6374,12 +6363,12 @@ let TaroContext2d = class TaroContext2d extends BrowserContext2d {
             this.nativeContext.createCircularGradient(x0, y0, r0, x1, y1, r1));
     }
 };
+TaroContext2d.env = 'taro';
 TaroContext2d = __decorate([
     injectable()
 ], TaroContext2d);
 
 let TaroCanvas = class TaroCanvas extends BaseCanvas {
-    static env = 'taro';
     constructor(params) {
         super(params);
     }
@@ -6390,6 +6379,7 @@ let TaroCanvas = class TaroCanvas extends BaseCanvas {
         return;
     }
 };
+TaroCanvas.env = 'taro';
 TaroCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -6398,6 +6388,9 @@ TaroCanvas = __decorate([
 const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
 
 let MiniAppEventManager$3 = class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -6422,20 +6415,16 @@ let MiniAppEventManager$3 = class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 };
 let TaroWindowHandlerContribution = class TaroWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'taro';
-    type = 'taro';
-    eventManager = new MiniAppEventManager$3();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'taro';
+        this.eventManager = new MiniAppEventManager$3();
     }
     getTitle() {
         return this.canvas.id.toString();
@@ -6533,22 +6522,14 @@ let TaroWindowHandlerContribution = class TaroWindowHandlerContribution extends
         }
         if (event.changedTouches.length > 0) {
             event.changedTouches.forEach((d, i) => {
-                event.changedTouches[i] = {
-                    ...event.changedTouches[i],
-                    offsetX: d.x,
-                    offsetY: d.y
-                };
+                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;
         }
         if (event.touches.length > 0) {
             event.touches.forEach((d, i) => {
-                event.touches[i] = {
-                    ...event.touches[i],
-                    offsetX: d.x,
-                    offsetY: d.y
-                };
+                event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), { offsetX: d.x, offsetY: d.y });
             });
         }
         event.preventDefault = () => {
@@ -6597,6 +6578,7 @@ let TaroWindowHandlerContribution = class TaroWindowHandlerContribution extends
         context.nativeContext.restore();
     }
 };
+TaroWindowHandlerContribution.env = 'taro';
 TaroWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -6622,15 +6604,13 @@ function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCan
     });
 }
 let TaroEnvContribution = class TaroEnvContribution extends BaseEnvContribution {
-    type = 'taro';
-    supportEvent = true;
-    canvasMap = new Map();
-    freeCanvasList = [];
-    canvasIdx = 0;
-    taro;
-    pixelRatio;
     constructor() {
         super();
+        this.type = 'taro';
+        this.supportEvent = true;
+        this.canvasMap = new Map();
+        this.freeCanvasList = [];
+        this.canvasIdx = 0;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -6649,7 +6629,8 @@ let TaroEnvContribution = class TaroEnvContribution extends BaseEnvContribution
         return 9999;
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -6760,7 +6741,6 @@ function initTaroEnv() {
 }
 
 let WxContext2d = class WxContext2d extends BrowserContext2d {
-    static env = 'wx';
     draw() {
         return;
     }
@@ -6768,12 +6748,12 @@ let WxContext2d = class WxContext2d extends BrowserContext2d {
         return null;
     }
 };
+WxContext2d.env = 'wx';
 WxContext2d = __decorate([
     injectable()
 ], WxContext2d);
 
 let WxCanvas = class WxCanvas extends BaseCanvas {
-    static env = 'wx';
     constructor(params) {
         super(params);
     }
@@ -6784,6 +6764,7 @@ let WxCanvas = class WxCanvas extends BaseCanvas {
         return;
     }
 };
+WxCanvas.env = 'wx';
 WxCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -6792,6 +6773,9 @@ WxCanvas = __decorate([
 const wxCanvasModule = createModule(WxCanvas, WxContext2d);
 
 let MiniAppEventManager$2 = class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -6816,20 +6800,16 @@ let MiniAppEventManager$2 = class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 };
 let WxWindowHandlerContribution = class WxWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'wx';
-    type = 'wx';
-    eventManager = new MiniAppEventManager$2();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'wx';
+        this.eventManager = new MiniAppEventManager$2();
     }
     getTitle() {
         return this.canvas.id.toString();
@@ -6921,17 +6901,18 @@ let WxWindowHandlerContribution = class WxWindowHandlerContribution extends Base
         this.eventManager.removeEventListener(type, listener);
     }
     dispatchEvent(event) {
+        var _a, _b, _c, _d;
         const { type } = event;
         if (!this.eventManager.cache[type]) {
             return false;
         }
         if (event.changedTouches && event.changedTouches[0]) {
             event.offsetX = event.changedTouches[0].x;
-            event.changedTouches[0].offsetX = event.changedTouches[0].x ?? event.changedTouches[0].pageX;
-            event.changedTouches[0].clientX = event.changedTouches[0].x ?? event.changedTouches[0].pageX;
+            event.changedTouches[0].offsetX = (_a = event.changedTouches[0].x) !== null && _a !== void 0 ? _a : event.changedTouches[0].pageX;
+            event.changedTouches[0].clientX = (_b = event.changedTouches[0].x) !== null && _b !== void 0 ? _b : event.changedTouches[0].pageX;
             event.offsetY = event.changedTouches[0].y;
-            event.changedTouches[0].offsetY = event.changedTouches[0].y ?? event.changedTouches[0].pageY;
-            event.changedTouches[0].clientY = event.changedTouches[0].y ?? event.changedTouches[0].pageY;
+            event.changedTouches[0].offsetY = (_c = event.changedTouches[0].y) !== null && _c !== void 0 ? _c : event.changedTouches[0].pageY;
+            event.changedTouches[0].clientY = (_d = event.changedTouches[0].y) !== null && _d !== void 0 ? _d : event.changedTouches[0].pageY;
         }
         event.preventDefault = () => {
             return;
@@ -6979,6 +6960,7 @@ let WxWindowHandlerContribution = class WxWindowHandlerContribution extends Base
         context.nativeContext.restore();
     }
 };
+WxWindowHandlerContribution.env = 'wx';
 WxWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -6991,44 +6973,46 @@ const wxWindowModule = new ContainerModule(bind => {
         .whenTargetNamed(WxWindowHandlerContribution.env);
 });
 
-async function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
-    const dpr = wx.getSystemInfoSync().pixelRatio;
-    for (let i = 0; i < canvasIdLists.length; i++) {
-        const id = canvasIdLists[i];
-        await new Promise(resolve => {
-            let data = wx.createSelectorQuery();
-            if (component) {
-                data = data.in(component);
-            }
-            data
-                .select(`#${id}`)
-                .fields({ node: true, size: true })
-                .exec((res) => {
-                if (!res[0]) {
-                    return;
-                }
-                const canvas = res[0].node;
-                const width = res[0].width;
-                const height = res[0].height;
-                canvas.width = width * dpr;
-                canvas.height = height * dpr;
-                canvasMap.set(id, canvas);
-                if (i >= freeCanvasIdx) {
-                    freeCanvasList.push(canvas);
+function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const dpr = wx.getSystemInfoSync().pixelRatio;
+        for (let i = 0; i < canvasIdLists.length; i++) {
+            const id = canvasIdLists[i];
+            yield new Promise(resolve => {
+                let data = wx.createSelectorQuery();
+                if (component) {
+                    data = data.in(component);
                 }
-                resolve(null);
+                data
+                    .select(`#${id}`)
+                    .fields({ node: true, size: true })
+                    .exec((res) => {
+                    if (!res[0]) {
+                        return;
+                    }
+                    const canvas = res[0].node;
+                    const width = res[0].width;
+                    const height = res[0].height;
+                    canvas.width = width * dpr;
+                    canvas.height = height * dpr;
+                    canvasMap.set(id, canvas);
+                    if (i >= freeCanvasIdx) {
+                        freeCanvasList.push(canvas);
+                    }
+                    resolve(null);
+                });
             });
-        });
-    }
+        }
+    });
 }
 let WxEnvContribution = class WxEnvContribution extends BaseEnvContribution {
-    type = 'wx';
-    supportEvent = true;
-    canvasMap = new Map();
-    freeCanvasList = [];
-    canvasIdx = 0;
     constructor() {
         super();
+        this.type = 'wx';
+        this.supportEvent = true;
+        this.canvasMap = new Map();
+        this.freeCanvasList = [];
+        this.canvasIdx = 0;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -7102,7 +7086,8 @@ let WxEnvContribution = class WxEnvContribution extends BaseEnvContribution {
         return;
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -7159,14 +7144,13 @@ function initAllEnv() {
 }
 
 let TTContext2d = class TTContext2d extends FeishuContext2d {
-    static env = 'tt';
 };
+TTContext2d.env = 'tt';
 TTContext2d = __decorate([
     injectable()
 ], TTContext2d);
 
 let TTCanvas = class TTCanvas extends BaseCanvas {
-    static env = 'tt';
     constructor(params) {
         super(params);
     }
@@ -7177,6 +7161,7 @@ let TTCanvas = class TTCanvas extends BaseCanvas {
         return;
     }
 };
+TTCanvas.env = 'tt';
 TTCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
@@ -7185,6 +7170,9 @@ TTCanvas = __decorate([
 const ttCanvasModule = createModule(TTCanvas, TTContext2d);
 
 let MiniAppEventManager$1 = class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -7209,20 +7197,16 @@ let MiniAppEventManager$1 = class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 };
 let TTWindowHandlerContribution = class TTWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'tt';
-    type = 'tt';
-    eventManager = new MiniAppEventManager$1();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'tt';
+        this.eventManager = new MiniAppEventManager$1();
     }
     getTitle() {
         return this.canvas.id.toString();
@@ -7372,6 +7356,7 @@ let TTWindowHandlerContribution = class TTWindowHandlerContribution extends Base
         context.nativeContext.restore();
     }
 };
+TTWindowHandlerContribution.env = 'tt';
 TTWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -7384,41 +7369,43 @@ const ttWindowModule = new ContainerModule(bind => {
         .whenTargetNamed(TTWindowHandlerContribution.env);
 });
 
-async function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
-    const dpr = tt.getSystemInfoSync().pixelRatio;
-    for (let i = 0; i < canvasIdLists.length; i++) {
-        const id = canvasIdLists[i];
-        await new Promise(resolve => {
-            let data = tt.createSelectorQuery();
-            if (component) {
-                data = data.in(component);
-            }
-            data
-                .select(`#${id}`)
-                .node()
-                .exec((res) => {
-                const canvas = res[0].node;
-                const width = canvas.width;
-                const height = canvas.height;
-                canvas.width = width * dpr;
-                canvas.height = height * dpr;
-                canvasMap.set(id, canvas);
-                if (i >= freeCanvasIdx) {
-                    freeCanvasList.push(canvas);
+function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, component) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const dpr = tt.getSystemInfoSync().pixelRatio;
+        for (let i = 0; i < canvasIdLists.length; i++) {
+            const id = canvasIdLists[i];
+            yield new Promise(resolve => {
+                let data = tt.createSelectorQuery();
+                if (component) {
+                    data = data.in(component);
                 }
-                resolve(null);
+                data
+                    .select(`#${id}`)
+                    .node()
+                    .exec((res) => {
+                    const canvas = res[0].node;
+                    const width = canvas.width;
+                    const height = canvas.height;
+                    canvas.width = width * dpr;
+                    canvas.height = height * dpr;
+                    canvasMap.set(id, canvas);
+                    if (i >= freeCanvasIdx) {
+                        freeCanvasList.push(canvas);
+                    }
+                    resolve(null);
+                });
             });
-        });
-    }
+        }
+    });
 }
 let TTEnvContribution = class TTEnvContribution extends BaseEnvContribution {
-    type = 'tt';
-    supportEvent = true;
-    canvasMap = new Map();
-    freeCanvasList = [];
-    canvasIdx = 0;
     constructor() {
         super();
+        this.type = 'tt';
+        this.supportEvent = true;
+        this.canvasMap = new Map();
+        this.freeCanvasList = [];
+        this.canvasIdx = 0;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -7492,7 +7479,8 @@ let TTEnvContribution = class TTEnvContribution extends BaseEnvContribution {
         return;
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -7526,7 +7514,6 @@ function initTTEnv() {
 }
 
 let HarmonyContext2d = class HarmonyContext2d extends BrowserContext2d {
-    static env = 'harmony';
     get globalAlpha() {
         return this._globalAlpha;
     }
@@ -7590,6 +7577,7 @@ let HarmonyContext2d = class HarmonyContext2d extends BrowserContext2d {
         _context.textBaseline = 'alphabetic';
     }
     setTextStyle(params, defaultParams, z) {
+        var _a, _b;
         const _context = this.nativeContext;
         if (!defaultParams) {
             defaultParams = this.textAttributes;
@@ -7605,8 +7593,8 @@ let HarmonyContext2d = class HarmonyContext2d extends BrowserContext2d {
         const { fontFamily = defaultParams.fontFamily, fontSize = defaultParams.fontSize } = params;
         this.fontFamily = fontFamily;
         this.fontSize = fontSize;
-        _context.textAlign = params.textAlign ?? defaultParams.textAlign;
-        _context.textBaseline = params.textBaseline ?? defaultParams.textBaseline;
+        _context.textAlign = (_a = params.textAlign) !== null && _a !== void 0 ? _a : defaultParams.textAlign;
+        _context.textBaseline = (_b = params.textBaseline) !== null && _b !== void 0 ? _b : defaultParams.textBaseline;
     }
     createPattern(image, repetition) {
         return null;
@@ -7631,12 +7619,12 @@ let HarmonyContext2d = class HarmonyContext2d extends BrowserContext2d {
         return;
     }
 };
+HarmonyContext2d.env = 'harmony';
 HarmonyContext2d = __decorate([
     injectable()
 ], HarmonyContext2d);
 
 let HarmonyCanvas = class HarmonyCanvas extends BaseCanvas {
-    static env = 'harmony';
     constructor(params) {
         super(params);
     }
@@ -7650,12 +7638,16 @@ let HarmonyCanvas = class HarmonyCanvas extends BaseCanvas {
         return;
     }
 };
+HarmonyCanvas.env = 'harmony';
 HarmonyCanvas = __decorate([
     injectable(),
     __metadata("design:paramtypes", [Object])
 ], HarmonyCanvas);
 
 class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
     addEventListener(type, func) {
         if (!type || !func) {
             return;
@@ -7680,20 +7672,16 @@ class MiniAppEventManager {
     cleanEvent() {
         this.cache = {};
     }
-    cache = {};
 }
 let HarmonyWindowHandlerContribution = class HarmonyWindowHandlerContribution extends BaseWindowHandlerContribution {
-    global;
-    static env = 'harmony';
-    type = 'harmony';
-    eventManager = new MiniAppEventManager();
-    canvas;
     get container() {
         return null;
     }
     constructor(global) {
         super();
         this.global = global;
+        this.type = 'harmony';
+        this.eventManager = new MiniAppEventManager();
     }
     getTitle() {
         return this.canvas.id && this.canvas.id.toString();
@@ -7839,6 +7827,7 @@ let HarmonyWindowHandlerContribution = class HarmonyWindowHandlerContribution ex
         context.nativeContext.restore();
     }
 };
+HarmonyWindowHandlerContribution.env = 'harmony';
 HarmonyWindowHandlerContribution = __decorate([
     injectable(),
     __param(0, inject(VGlobal)),
@@ -7874,11 +7863,10 @@ function createCanvas(width, height, id) {
     return new CanvasWrapDisableWH(nativeCanvas, context, 1, width, height, id);
 }
 let HarmonyEnvContribution = class HarmonyEnvContribution extends BaseEnvContribution {
-    type = 'harmony';
-    supportEvent = true;
-    rafSTO;
     constructor() {
         super();
+        this.type = 'harmony';
+        this.supportEvent = true;
         this.supportsTouchEvents = true;
         try {
             this.supportsPointerEvents = !!globalThis.PointerEvent;
@@ -7931,7 +7919,8 @@ let HarmonyEnvContribution = class HarmonyEnvContribution extends BaseEnvContrib
         };
     }
     mapToCanvasPoint(event) {
-        if (event?.type?.startsWith('mouse')) {
+        var _a;
+        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
             return event;
         }
         return event;
@@ -7986,11 +7975,10 @@ function initHarmonyEnv() {
 }
 
 let DefaultCanvasArcPicker = class DefaultCanvasArcPicker {
-    canvasRenderer;
-    type = 'arc';
-    numberType = ARC_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'arc';
+        this.numberType = ARC_NUMBER_TYPE;
     }
     contains(arc, point, params) {
         if (!arc.AABBBounds.containsPoint(point)) {
@@ -7999,7 +7987,7 @@ let DefaultCanvasArcPicker = class DefaultCanvasArcPicker {
         if (arc.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8056,11 +8044,10 @@ const arcCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 
 const _bounds = new AABBBounds();
 let DefaultCanvasRectPicker = class DefaultCanvasRectPicker {
-    canvasRenderer;
-    type = 'rect';
-    numberType = RECT_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'rect';
+        this.numberType = RECT_NUMBER_TYPE;
     }
     contains(rect, point, params) {
         if (!rect.AABBBounds.containsPoint(point)) {
@@ -8069,7 +8056,7 @@ let DefaultCanvasRectPicker = class DefaultCanvasRectPicker {
         if (rect.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8152,12 +8139,11 @@ BasePicker = __decorate([
 ], BasePicker);
 
 let DefaultCanvasLinePicker = class DefaultCanvasLinePicker extends BasePicker {
-    canvasRenderer;
-    type = 'line';
-    numberType = LINE_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'line';
+        this.numberType = LINE_NUMBER_TYPE;
     }
     contains(line, point, params) {
         if (!line.AABBBounds.containsPoint(point)) {
@@ -8166,7 +8152,7 @@ let DefaultCanvasLinePicker = class DefaultCanvasLinePicker extends BasePicker {
         if (line.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8225,11 +8211,10 @@ const lineCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultCanvasAreaPicker = class DefaultCanvasAreaPicker {
-    canvasRenderer;
-    type = 'area';
-    numberType = AREA_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'area';
+        this.numberType = AREA_NUMBER_TYPE;
     }
     contains(area, point, params) {
         if (!area.AABBBounds.containsPoint(point)) {
@@ -8238,7 +8223,7 @@ let DefaultCanvasAreaPicker = class DefaultCanvasAreaPicker {
         if (area.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8301,15 +8286,14 @@ const areaCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultCanvasSymbolPicker = class DefaultCanvasSymbolPicker extends BasePicker {
-    canvasRenderer;
-    type = 'symbol';
-    numberType = SYMBOL_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'symbol';
+        this.numberType = SYMBOL_NUMBER_TYPE;
     }
     contains(symbol, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8377,11 +8361,10 @@ const symbolCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebin
 });
 
 let DefaultCanvasCirclePicker = class DefaultCanvasCirclePicker {
-    canvasRenderer;
-    type = 'circle';
-    numberType = CIRCLE_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'circle';
+        this.numberType = CIRCLE_NUMBER_TYPE;
     }
     contains(circle, point, params) {
         if (!circle.AABBBounds.containsPoint(point)) {
@@ -8390,7 +8373,7 @@ let DefaultCanvasCirclePicker = class DefaultCanvasCirclePicker {
         if (circle.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8446,15 +8429,14 @@ const circleCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebin
 });
 
 let DefaultCanvasTextPicker = class DefaultCanvasTextPicker extends BasePicker {
-    canvasRenderer;
-    type = 'text';
-    numberType = TEXT_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'text';
+        this.numberType = TEXT_NUMBER_TYPE;
     }
     contains(text, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8522,12 +8504,11 @@ const textCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultCanvasPathPicker = class DefaultCanvasPathPicker extends BasePicker {
-    canvasRenderer;
-    type = 'path';
-    numberType = PATH_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'path';
+        this.numberType = PATH_NUMBER_TYPE;
     }
     contains(path, point, params) {
         if (!path.AABBBounds.containsPoint(point)) {
@@ -8536,7 +8517,7 @@ let DefaultCanvasPathPicker = class DefaultCanvasPathPicker extends BasePicker {
         if (path.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8595,11 +8576,10 @@ const pathCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind)
 });
 
 let DefaultCanvasPolygonPicker = class DefaultCanvasPolygonPicker {
-    canvasRenderer;
-    type = 'polygon';
-    numberType = POLYGON_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'polygon';
+        this.numberType = POLYGON_NUMBER_TYPE;
     }
     contains(polygon, point, params) {
         if (!polygon.AABBBounds.contains(point.x, point.y)) {
@@ -8608,7 +8588,7 @@ let DefaultCanvasPolygonPicker = class DefaultCanvasPolygonPicker {
         if (polygon.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8664,11 +8644,10 @@ const polygonCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebi
 });
 
 let DefaultCanvasGlyphPicker = class DefaultCanvasGlyphPicker {
-    canvasRenderer;
-    type = 'glyph';
-    numberType = GLYPH_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'glyph';
+        this.numberType = GLYPH_NUMBER_TYPE;
     }
     contains(glyph, point, params) {
         if (!glyph.AABBBounds.containsPoint(point)) {
@@ -8677,11 +8656,11 @@ let DefaultCanvasGlyphPicker = class DefaultCanvasGlyphPicker {
         if (glyph.attribute.pickMode === 'imprecise') {
             return true;
         }
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
-        const pickerService = params?.pickerService;
+        const pickerService = params === null || params === void 0 ? void 0 : params.pickerService;
         if (pickerService) {
             let picked = false;
             glyph.getSubGraphic().forEach(g => {
@@ -8713,11 +8692,10 @@ const glyphCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind
 });
 
 let DefaultCanvasRichTextPicker = class DefaultCanvasRichTextPicker {
-    canvasRenderer;
-    type = 'richtext';
-    numberType = RICHTEXT_NUMBER_TYPE;
     constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer;
+        this.type = 'richtext';
+        this.numberType = RICHTEXT_NUMBER_TYPE;
     }
     contains(richtext, point, params) {
         if (richtext.AABBBounds.containsPoint(point)) {
@@ -8743,10 +8721,12 @@ const richtextCanvasPickModule = new ContainerModule((bind, unbind, isBound, reb
 });
 
 let DefaultCanvasImagePicker = class DefaultCanvasImagePicker {
-    type = 'image';
-    numberType = IMAGE_NUMBER_TYPE;
+    constructor() {
+        this.type = 'image';
+        this.numberType = IMAGE_NUMBER_TYPE;
+    }
     contains(image, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8772,15 +8752,14 @@ const imageCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind
 
 new AABBBounds();
 let DefaultCanvasRect3dPicker = class DefaultCanvasRect3dPicker extends BasePicker {
-    canvasRenderer;
-    type = 'rect3d';
-    numberType = RECT3D_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'rect3d';
+        this.numberType = RECT3D_NUMBER_TYPE;
     }
     contains(rect, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8830,15 +8809,14 @@ const rect3dCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebin
 });
 
 let DefaultCanvasArc3dPicker = class DefaultCanvasArc3dPicker extends BasePicker {
-    canvasRenderer;
-    type = 'arc3d';
-    numberType = ARC3D_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'arc3d';
+        this.numberType = ARC3D_NUMBER_TYPE;
     }
     contains(arc3d, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }
@@ -8888,15 +8866,14 @@ const arc3dCanvasPickModule = new ContainerModule((bind, unbind, isBound, rebind
 });
 
 let DefaultCanvasPyramid3dPicker = class DefaultCanvasPyramid3dPicker extends BasePicker {
-    canvasRenderer;
-    type = 'pyramid3d';
-    numberType = PYRAMID3D_NUMBER_TYPE;
     constructor(canvasRenderer) {
         super();
         this.canvasRenderer = canvasRenderer;
+        this.type = 'pyramid3d';
+        this.numberType = PYRAMID3D_NUMBER_TYPE;
     }
     contains(pyramid3d, point, params) {
-        const { pickContext } = params ?? {};
+        const { pickContext } = params !== null && params !== void 0 ? params : {};
         if (!pickContext) {
             return false;
         }