@visactor/vtable 0.12.0-alpha.0 → 0.12.0-alpha.1

package/dist/vtable.js

@@ -7914,7 +7914,7 @@
     function applyStrokeStyle(ctx, character) {
       const strokeStyle = character && character.stroke || defaultFormatting.stroke;
       if (!strokeStyle) return void (ctx.globalAlpha = 0);
-      ctx.globalAlpha = 1, ctx.lineWidth = 1, ctx.strokeStyle = strokeStyle;
+      ctx.globalAlpha = 1, ctx.lineWidth = character && "number" == typeof character.lineHeight ? character.lineHeight : 1, ctx.strokeStyle = strokeStyle;
       let fontSize = character.fontSize || 16;
       switch (character.script) {
         case "super":
@@ -9160,7 +9160,7 @@
         this.propagationImmediatelyStopped = !0;
       }
       stopPropagation() {
-        this.propagationStopped = !0;
+        this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.stopPropagation(), this.propagationStopped = !0;
       }
       initEvent() {}
       initUIEvent() {}
@@ -10273,7 +10273,7 @@
           void 0 === step.props[k] && (step.props[k] = this.target.getDefaultAttribute(k));
         }); lastStep.prev;) lastStep.props && (lastStep.propKeys || (lastStep.propKeys = Object.keys(lastStep.props)), lastStep.propKeys.forEach(key => {
           void 0 === _props[key] && (_props[key] = lastStep.props[key]);
-        })), lastStep = lastStep.prev;
+        })), step.propKeys = Object.keys(step.props), lastStep = lastStep.prev;
         const initProps = this.stepHead.props;
         step.propKeys || (step.propKeys = Object.keys(_props)), step.propKeys.forEach(key => {
           if (void 0 === initProps[key]) {
@@ -11011,7 +11011,7 @@
         }), value;
       }
       clearStates(hasAnimation) {
-        this.hasState() && this.normalAttrs && this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0), this.normalAttrs = null, this.currentStates = [];
+        this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
       }
       removeState(stateName, hasAnimation) {
         if ((this.currentStates ? this.currentStates.indexOf(stateName) : -1) >= 0) {
@@ -14204,9 +14204,7 @@
 
     let Line$1 = class Line {
       constructor(left, width, baseline, ascent, descent, lineBuffer, direction, isWidthMax) {
-        this.left = left, this.width = width, this.baseline = baseline, this.ascent = ascent, this.descent = descent, this.top = baseline - ascent, this.paragraphs = lineBuffer.map(p => p), this.textAlign = (this.paragraphs[0] instanceof RichTextIcon ? this.paragraphs[0].attribute.textAlign : this.paragraphs[0].character.textAlign) || "left", this.direction = direction, this.directionKey = DIRECTION_KEY$1[this.direction];
-        const directionKey = this.directionKey;
-        this.actualWidth = 0;
+        this.left = left, this.width = width, this.baseline = baseline, this.ascent = ascent, this.descent = descent, this.top = baseline - ascent, this.paragraphs = lineBuffer.map(p => p), this.textAlign = (this.paragraphs[0] instanceof RichTextIcon ? this.paragraphs[0].attribute.textAlign : this.paragraphs[0].character.textAlign) || "left", this.direction = direction, this.directionKey = DIRECTION_KEY$1[this.direction], this.actualWidth = 0;
         let maxHeight = 0;
         this.paragraphs.forEach((word, index) => {
           if (0 === index && word instanceof Paragraph) {
@@ -14214,7 +14212,11 @@
             0 !== (null == result ? void 0 : result.index) && (word.text = word.text.slice(null == result ? void 0 : result.index), word.updateWidth());
           }
           this.actualWidth += word[this.directionKey.width], maxHeight = Math.max(word[this.directionKey.height], maxHeight);
-        }), this.height = maxHeight, this.blankWidth = isWidthMax ? 0 : this.width - this.actualWidth;
+        }), this.height = maxHeight, this.blankWidth = isWidthMax ? 0 : this.width - this.actualWidth, this.calcOffset(width, isWidthMax);
+      }
+      calcOffset(width, isWidthMax) {
+        const directionKey = this.directionKey,
+          maxHeight = this.height;
         let x = this.left,
           spacing = 0;
         if (this.actualWidth < width && !isWidthMax) switch (this.textAlign) {
@@ -14453,10 +14455,22 @@
           const textParts = textConfig[i].text.split("\n");
           for (let j = 0; j < textParts.length; j++) paragraphs.push(new Paragraph(textParts[j], 0 !== j, textConfig[i]));
         } else paragraphs.push(new Paragraph(textConfig[i].text, !1, textConfig[i]));
-        const frame = new Frame(0, 0, ("number" == typeof maxWidth && (!width || width > maxWidth) ? maxWidth : width) || 0, ("number" == typeof maxHeight && (!height || height > maxHeight) ? maxHeight : height) || 0, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection || "horizontal", "number" == typeof maxWidth && (!width || width > maxWidth), "number" == typeof maxHeight && (!height || height > maxHeight), singleLine || !1, null === (_a = this._frameCache) || void 0 === _a ? void 0 : _a.icons),
+        const maxWidthFinite = "number" == typeof maxWidth && Number.isFinite(maxWidth) && maxWidth > 0,
+          maxHeightFinite = "number" == typeof maxHeight && Number.isFinite(maxHeight) && maxHeight > 0,
+          richTextWidthEnable = "number" == typeof width && Number.isFinite(width) && width > 0 && (!maxWidthFinite || width <= maxWidth),
+          richTextHeightEnable = "number" == typeof height && Number.isFinite(height) && height > 0 && (!maxHeightFinite || height <= maxHeight),
+          frame = new Frame(0, 0, (richTextWidthEnable ? width : maxWidthFinite ? maxWidth : 0) || 0, (richTextHeightEnable ? height : maxHeightFinite ? maxHeight : 0) || 0, ellipsis, wordBreak, verticalDirection, textAlign, textBaseline, layoutDirection || "horizontal", !richTextWidthEnable && maxWidthFinite, !richTextHeightEnable && maxHeightFinite, singleLine || !1, null === (_a = this._frameCache) || void 0 === _a ? void 0 : _a.icons),
           wrapper = new Wrapper(frame);
         for (let i = 0; i < paragraphs.length; i++) wrapper.deal(paragraphs[i]);
-        wrapper.send(), this._frameCache = frame;
+        wrapper.send();
+        if (!("horizontal" === frame.layoutDirection ? richTextWidthEnable : richTextHeightEnable)) {
+          const frameSize = frame.getActualSizeWidthEllipsis();
+          let offsetSize = "horizontal" === frame.layoutDirection ? frameSize.width : frameSize.height;
+          ("horizontal" === frame.layoutDirection ? maxWidthFinite : maxHeightFinite) && (offsetSize = Math.min(offsetSize, "horizontal" === frame.layoutDirection ? maxWidth : maxHeight)), frame.lines.forEach(function (l) {
+            l.calcOffset(offsetSize, !1);
+          });
+        }
+        this._frameCache = frame;
       }
       clone() {
         return new RichText(Object.assign({}, this.attribute));
@@ -18672,7 +18686,7 @@
         const {
           context: context
         } = drawContext;
-        context.highPerformanceSave(), context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0);
+        context.highPerformanceSave(), graphic.parent && context.setTransformFromMatrix(graphic.parent.globalTransMatrix, !0), graphic.glyphHost && graphic.glyphHost.parent && context.setTransformFromMatrix(graphic.glyphHost.parent.globalTransMatrix, !0);
         const b = graphic.AABBBounds;
         return !0 !== graphic.attribute._debug_bounds && graphic.attribute._debug_bounds(context, graphic), context.strokeRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore(), !0;
       }
@@ -19528,22 +19542,29 @@
       if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
-    let DefaultCanvasGlyphRender = class extends BaseRender {
+    let DefaultCanvasGlyphRender = class {
       constructor() {
-        super(...arguments), this.numberType = GLYPH_NUMBER_TYPE;
+        this.numberType = GLYPH_NUMBER_TYPE;
       }
       drawShape(glyph, context, x, y, drawContext, params, fillCb, strokeCb) {
+        drawContext.drawContribution && glyph.getSubGraphic().forEach(item => {
+          const renderer = drawContext.drawContribution.getRenderContribution(item);
+          renderer && renderer.drawShape && renderer.drawShape(item, context, x, y, drawContext, params, fillCb, strokeCb);
+        });
+      }
+      draw(glyph, renderService, drawContext, params) {
+        const {
+          context: context
+        } = drawContext;
+        if (!context) return;
+        if (context.highPerformanceSave(), !drawContext.drawContribution) return;
         const glyphTheme = getTheme(glyph),
           subGraphic = glyph.getSubGraphic();
         subGraphic.length && subGraphic.forEach(g => {
           drawContext.drawContribution.renderItem(g, drawContext, {
             theme: glyphTheme
           });
-        });
-      }
-      draw(glyph, renderService, drawContext, params) {
-        const glyphAttr = getTheme(glyph).glyph;
-        this._draw(glyph, glyphAttr, !1, drawContext, params);
+        }), context.highPerformanceRestore();
       }
     };
     DefaultCanvasGlyphRender = __decorate$12([injectable()], DefaultCanvasGlyphRender);
@@ -20104,6 +20125,7 @@
       }
     }
 
+    const _tempBounds = new AABBBounds();
     class FlexLayoutPlugin {
       constructor() {
         this.name = "FlexLayoutPlugin", this.activeEvent = "onRegister", this.id = Generator.GenAutoIncrementId(), this.key = this.name + this.id, this.tempBounds = new AABBBounds();
@@ -20264,14 +20286,18 @@
         if ("flex-end" === alignItem) for (let i = lastIdx; i <= currSeg.idx; i++) children[i].attribute[cross.field] = anchorPos - lenArray[i].crossLen + getPadding(children[i], cross.field);else if ("center" === alignItem) for (let i = lastIdx; i <= currSeg.idx; i++) children[i].attribute[cross.field] = anchorPos - lenArray[i].crossLen / 2 + getPadding(children[i], cross.field);else for (let i = lastIdx; i <= currSeg.idx; i++) children[i].attribute[cross.field] = anchorPos + getPadding(children[i], cross.field);
       }
       activate(context) {
-        this.pluginService = context, graphicService.hooks.onAttributeUpdate.tap(this.key, graphic => {
+        this.pluginService = context, application.graphicService.hooks.onAttributeUpdate.tap(this.key, graphic => {
           graphic.glyphHost && (graphic = graphic.glyphHost), this.tryLayout(graphic);
-        }), graphicService.hooks.onSetStage.tap(this.key, graphic => {
+        }), application.graphicService.hooks.beforeUpdateAABBBounds.tap(this.key, (graphic, stage, willUpdate, bounds) => {
+          graphic.glyphHost && (graphic = graphic.glyphHost), stage && stage === this.pluginService.stage && stage.renderCount && _tempBounds.copy(bounds);
+        }), application.graphicService.hooks.afterUpdateAABBBounds.tap(this.key, (graphic, stage, bounds, params, selfChange) => {
+          stage && stage === this.pluginService.stage && stage.renderCount && (_tempBounds.equals(bounds) || this.tryLayout(graphic));
+        }), application.graphicService.hooks.onSetStage.tap(this.key, graphic => {
           graphic.glyphHost && (graphic = graphic.glyphHost), this.tryLayout(graphic);
         });
       }
       deactivate(context) {
-        graphicService.hooks.onAttributeUpdate.taps = graphicService.hooks.onAttributeUpdate.taps.filter(item => item.name !== this.key), graphicService.hooks.onSetStage.taps = graphicService.hooks.onSetStage.taps.filter(item => item.name !== this.key);
+        application.graphicService.hooks.onAttributeUpdate.taps = application.graphicService.hooks.onAttributeUpdate.taps.filter(item => item.name !== this.key), application.graphicService.hooks.onSetStage.taps = application.graphicService.hooks.onSetStage.taps.filter(item => item.name !== this.key);
       }
     }
     function getPadding(graphic, field) {
@@ -21735,18 +21761,616 @@
     };
     BrowserEnvContribution = __decorate$T([injectable(), __metadata$H("design:paramtypes", [])], BrowserEnvContribution);
 
+    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$G = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      };
+    function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
+      const dpr = tt.getSystemInfoSync().pixelRatio;
+      canvasIdLists.forEach((id, i) => {
+        const ctx = tt.createCanvasContext(id);
+        ctx.canvas = {
+          width: domref.width * dpr,
+          height: domref.height * dpr
+        };
+        const canvas = {
+          width: domref.width * dpr,
+          height: domref.height * dpr,
+          offsetWidth: domref.width,
+          offsetHeight: domref.height,
+          id: null != id ? id : "",
+          getContext: () => ctx,
+          getBoundingClientRect: () => ({
+            height: domref.height,
+            width: domref.width
+          })
+        };
+        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
+      });
+    }
+    let FeishuEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(), this.type = "feishu", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+      }
+      getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      getStaticCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      configure(service, params) {
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList));
+      }
+      loadImage(url) {
+        return Promise.resolve({
+          data: url,
+          loadState: "success"
+        });
+      }
+      loadSvg(url) {
+        return Promise.reject();
+      }
+      createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+      createOffscreenCanvas(params) {}
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return tt.getSystemInfoSync().pixelRatio;
+      }
+      getRequestAnimationFrame() {
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
+      }
+      getCancelAnimationFrame() {
+        return h => {
+          rafBasedSto.clear(h);
+        };
+      }
+      addEventListener(type, listener, options) {
+        return null;
+      }
+      removeEventListener(type, listener, options) {
+        return null;
+      }
+      dispatchEvent(event) {
+        return null;
+      }
+      getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+      getRootElement() {
+        return null;
+      }
+      getDocument() {
+        return null;
+      }
+      release() {}
+      mapToCanvasPoint(event) {
+        var _a;
+        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
+      }
+    };
+    FeishuEnvContribution = __decorate$S([injectable(), __metadata$G("design:paramtypes", [])], FeishuEnvContribution);
+
+    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$F = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      };
+    function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
+      canvasIdLists.forEach((id, i) => {
+        const ctx = taro.createCanvasContext(id);
+        ctx.canvas = {
+          width: domref.width * dpr,
+          height: domref.height * dpr
+        }, ctx.createRadialGradient || (ctx.createRadialGradient = function () {
+          return ctx.createCircularGradient(...arguments);
+        }), !ctx.getImageData && taro.canvasGetImageData && (ctx.getImageData = (x, y, width, height) => new Promise((resolve, reject) => {
+          try {
+            taro.canvasGetImageData({
+              canvasId: id,
+              x: x,
+              y: y,
+              width: width,
+              height: height,
+              success(res) {
+                resolve(res);
+              }
+            });
+          } catch (err) {
+            reject(err);
+          }
+        }));
+        const canvas = {
+          id: id,
+          width: domref.width * dpr,
+          height: domref.height * dpr,
+          offsetWidth: domref.width,
+          offsetHeight: domref.height,
+          getContext: () => ctx,
+          getBoundingClientRect: () => ({
+            height: domref.height,
+            width: domref.width
+          })
+        };
+        return canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), canvas;
+      });
+    }
+    let TaroEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(), this.type = "taro", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+      }
+      getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      getStaticCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      configure(service, params) {
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$2(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), this.taro = params.taro, this.pixelRatio = params.pixelRatio);
+      }
+      loadImage(url) {
+        return Promise.resolve({
+          data: url,
+          loadState: "success"
+        });
+      }
+      loadSvg(svgStr) {
+        const _window = window || globalThis;
+        if (_window.DOMParser) {
+          const svg = new _window.DOMParser().parseFromString(svgStr, "image/svg+xml").children[0],
+            data = new XMLSerializer().serializeToString(svg),
+            url = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(data)}`;
+          return Promise.resolve({
+            data: url,
+            loadState: "success"
+          });
+        }
+        if (_window.Blob) {
+          const data = new _window.Blob([svgStr], {
+              type: "image/svg+xml"
+            }),
+            url = _window.URL.createObjectURL(data);
+          return Promise.resolve({
+            data: url,
+            loadState: "success"
+          });
+        }
+        return Promise.reject();
+      }
+      createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+      createOffscreenCanvas(params) {}
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return this.pixelRatio;
+      }
+      getRequestAnimationFrame() {
+        return requestAnimationFrame;
+      }
+      getCancelAnimationFrame() {
+        return cancelAnimationFrame;
+      }
+      addEventListener(type, listener, options) {
+        return null;
+      }
+      removeEventListener(type, listener, options) {
+        return null;
+      }
+      dispatchEvent(event) {
+        return null;
+      }
+      getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+      getRootElement() {
+        return null;
+      }
+      getDocument() {
+        return null;
+      }
+      release() {}
+    };
+    TaroEnvContribution = __decorate$R([injectable(), __metadata$F("design:paramtypes", [])], TaroEnvContribution);
+
+    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$E = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      };
+    let ng = !1;
+    try {
+      ng = !!lynx.createCanvasNG;
+    } catch (err) {}
+    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
+      const dpr = SystemInfo.pixelRatio;
+      canvasIdLists.forEach((id, i) => {
+        const _canvas = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id);
+        _canvas.width = domref.width * dpr, _canvas.height = domref.height * dpr, ng && _canvas.attachToCanvasView(id);
+        const ctx = _canvas.getContext("2d");
+        ctx.draw = (a, b) => {
+          b();
+        };
+        const canvas = {
+          width: domref.width * dpr,
+          height: domref.height * dpr,
+          offsetWidth: domref.width,
+          offsetHeight: domref.height,
+          id: null != id ? id : "",
+          getContext: () => ctx,
+          getBoundingClientRect: () => ({
+            height: domref.height,
+            width: domref.width
+          })
+        };
+        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
+      });
+    }
+    function createImageElement(src) {
+      let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      if (isSvg) return Promise.reject();
+      const img = lynx.createImage(src);
+      return new Promise((resolve, reject) => {
+        img.onload = () => {
+          resolve(img);
+        }, img.onerror = () => {
+          reject(new Error("加载失败"));
+        };
+      });
+    }
+    let LynxEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+      }
+      configure(service, params) {
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList));
+      }
+      getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      getStaticCanvasCount() {
+        return this.freeCanvasList.length;
+      }
+      loadImage(url) {
+        return createImageElement(url, !1).then(img => ({
+          data: img,
+          loadState: "success"
+        })).catch(() => ({
+          data: null,
+          loadState: "fail"
+        }));
+      }
+      loadSvg(url) {
+        return Promise.reject();
+      }
+      createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+      createOffscreenCanvas(params) {}
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return SystemInfo.pixelRatio;
+      }
+      getRequestAnimationFrame() {
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
+      }
+      getCancelAnimationFrame() {
+        return h => {
+          rafBasedSto.clear(h);
+        };
+      }
+      addEventListener(type, listener, options) {
+        return null;
+      }
+      removeEventListener(type, listener, options) {
+        return null;
+      }
+      dispatchEvent(event) {
+        return null;
+      }
+      getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+      getRootElement() {
+        return null;
+      }
+      getDocument() {
+        return null;
+      }
+      release() {}
+    };
+    LynxEnvContribution = __decorate$Q([injectable(), __metadata$E("design:paramtypes", [])], LynxEnvContribution);
+
+    var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$D = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+        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) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+              resolve(value);
+            })).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+    function makeUpCanvas(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();
+            component && (data = data.in(component)), data.select(`#${id}`).fields({
+              node: !0,
+              size: !0
+            }).exec(res => {
+              if (!res[0]) return;
+              const canvas = res[0].node,
+                width = res[0].width,
+                height = res[0].height;
+              canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
+            });
+          });
+        }
+      });
+    }
+    let WxEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(), this.type = "wx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+      }
+      configure(service, params) {
+        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
+      }
+      loadImage(url) {
+        return Promise.resolve({
+          data: url,
+          loadState: "success"
+        });
+      }
+      loadSvg(url) {
+        return Promise.reject();
+      }
+      createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+      }
+      createOffscreenCanvas(params) {}
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return wx.getSystemInfoSync().pixelRatio;
+      }
+      getRequestAnimationFrame() {
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
+      }
+      getCancelAnimationFrame() {
+        return h => {
+          rafBasedSto.clear(h);
+        };
+      }
+      addEventListener(type, listener, options) {
+        return null;
+      }
+      removeEventListener(type, listener, options) {
+        return null;
+      }
+      dispatchEvent(event) {
+        return null;
+      }
+      getElementById(str) {
+        return this.canvasMap.get(str);
+      }
+      getRootElement() {
+        return null;
+      }
+      getDocument() {
+        return null;
+      }
+      release() {}
+      mapToCanvasPoint(event) {
+        var _a;
+        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
+      }
+    };
+    WxEnvContribution = __decorate$P([injectable(), __metadata$D("design:paramtypes", [])], WxEnvContribution);
+
+    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+      var d,
+        c = arguments.length,
+        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    let NodeEnvContribution = class extends BaseEnvContribution {
+      constructor() {
+        super(...arguments), this.type = "node", this._lastTime = 0, this.supportEvent = !1;
+      }
+      configure(service, pkg) {
+        service.env === this.type && (service.setActiveEnvContribution(this), this.pkg = pkg);
+      }
+      getDynamicCanvasCount() {
+        return 0;
+      }
+      getStaticCanvasCount() {
+        return 1;
+      }
+      loadJson(url) {
+        const jsonPromise = fetch(url).then(data => data.json());
+        return jsonPromise.then(json => ({
+          data: json,
+          state: "success"
+        })).catch(() => ({
+          data: null,
+          state: "fail"
+        })), jsonPromise;
+      }
+      loadArrayBuffer(url) {
+        return fetch(url).then(data => data.arrayBuffer()).then(arrayBuffer => ({
+          data: arrayBuffer,
+          loadState: "success"
+        })).catch(() => ({
+          data: null,
+          loadState: "fail"
+        }));
+      }
+      loadImage(url) {
+        const {
+          loadImage: loadImage
+        } = this.pkg;
+        return loadImage ? loadImage(url).then(image => ({
+          loadState: image ? "success" : "fail",
+          data: image
+        })).catch(() => ({
+          loadState: "fail",
+          data: null
+        })) : Promise.reject(new Error("node-canvas loadImage could not be found!"));
+      }
+      loadSvg(svgStr) {
+        const Resvg = this.pkg.Resvg;
+        if (!Resvg) return Promise.reject(new Error("@resvg/resvg-js svgParser could not be found!"));
+        const pngData = new Resvg(svgStr).render().asPng();
+        return this.loadImage(pngData);
+      }
+      createCanvas(params) {
+        return this.pkg.createCanvas(params.width, params.height);
+      }
+      releaseCanvas(canvas) {}
+      getDevicePixelRatio() {
+        return 1;
+      }
+      getRequestAnimationFrame() {
+        return function (callback) {
+          return rafBasedSto.call(callback);
+        };
+      }
+      getCancelAnimationFrame() {
+        return h => {
+          rafBasedSto.clear(h);
+        };
+      }
+      addEventListener(type, listener, options) {}
+      removeEventListener(type, listener, options) {}
+      getElementById(str) {
+        return null;
+      }
+      getRootElement() {
+        return null;
+      }
+      dispatchEvent(event) {}
+      release() {}
+      createOffscreenCanvas(params) {}
+    };
+    NodeEnvContribution = __decorate$O([injectable()], NodeEnvContribution);
+
+    let isBrowserBound = !1;
     const browserEnvModule = new ContainerModule(bind => {
-      bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution);
+      isBrowserBound || (isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
+    });
+    let isFeishuBound = !1;
+    const feishuEnvModule = new ContainerModule(bind => {
+      isFeishuBound || (isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
+    });
+    let isTaroBound = !1;
+    const taroEnvModule = new ContainerModule(bind => {
+      isTaroBound || (isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
+    });
+    let isTTBound = !1;
+    new ContainerModule(bind => {
+      isTTBound || (isTTBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
+    });
+    let isLynxBound = !1;
+    const lynxEnvModule = new ContainerModule(bind => {
+      isLynxBound || (isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
+    });
+    let isWxBound = !1;
+    const wxEnvModule = new ContainerModule(bind => {
+      isWxBound || (isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
+    });
+    let isNodeBound = !1;
+    const nodeEnvModule = new ContainerModule(bind => {
+      isNodeBound || (isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
     });
 
-    var __decorate$S = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$G = undefined && undefined.__metadata || function (k, v) {
+      __metadata$C = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const outP = [0, 0, 0],
@@ -22249,16 +22873,16 @@
         this.stack.forEach(m => matrixAllocate.free(m)), this.stack.length = 0;
       }
     };
-    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$S([injectable(), __metadata$G("design:paramtypes", [Object, Number])], BrowserContext2d);
+    BrowserContext2d.env = "browser", BrowserContext2d = __decorate$N([injectable(), __metadata$C("design:paramtypes", [Object, Number])], BrowserContext2d);
 
-    var __decorate$R = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$F = undefined && undefined.__metadata || function (k, v) {
+      __metadata$B = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let BrowserCanvas = class extends BaseCanvas {
@@ -22320,7 +22944,7 @@
         this._context.dpr = this._dpr;
       }
     };
-    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$R([injectable(), __metadata$F("design:paramtypes", [Object])], BrowserCanvas);
+    BrowserCanvas.env = "browser", BrowserCanvas = __decorate$M([injectable(), __metadata$B("design:paramtypes", [Object])], BrowserCanvas);
 
     function createModule(CanvasConstructor, ContextConstructor) {
       return new ContainerModule(bind => {
@@ -22359,14 +22983,14 @@
     const CanvasGroupPicker = Symbol.for("CanvasGroupPicker");
     const CanvasPickerContribution = Symbol.for("CanvasPickerContribution");
 
-    var __decorate$Q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$E = undefined && undefined.__metadata || function (k, v) {
+      __metadata$A = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$u = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22427,16 +23051,16 @@
         return data;
       }
     };
-    __decorate$Q([postConstruct(), __metadata$E("design:type", Function), __metadata$E("design:paramtypes", []), __metadata$E("design:returntype", void 0)], DefaultCanvasPickerService.prototype, "init", null), DefaultCanvasPickerService = __decorate$Q([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(CanvasPickerContribution)), __param$u(1, inject(CanvasCirclePicker)), __param$u(2, inject(CanvasRectPicker)), __param$u(3, inject(CanvasArcPicker)), __param$u(4, inject(CanvasAreaPicker)), __param$u(5, inject(CanvasImagePicker)), __param$u(6, inject(CanvasLinePicker)), __param$u(7, inject(CanvasPathPicker)), __param$u(8, inject(CanvasSymbolPicker)), __param$u(9, inject(CanvasTextPicker)), __param$u(10, inject(CanvasPolygonPicker)), __param$u(11, inject(CanvasRichTextPicker)), __param$u(12, inject(DrawContribution)), __param$u(13, inject(VGlobal)), __param$u(14, inject(ContributionProvider)), __param$u(14, named(PickItemInterceptor)), __metadata$E("design:paramtypes", [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object])], DefaultCanvasPickerService);
+    __decorate$L([postConstruct(), __metadata$A("design:type", Function), __metadata$A("design:paramtypes", []), __metadata$A("design:returntype", void 0)], DefaultCanvasPickerService.prototype, "init", null), DefaultCanvasPickerService = __decorate$L([injectable(), __param$u(0, inject(ContributionProvider)), __param$u(0, named(CanvasPickerContribution)), __param$u(1, inject(CanvasCirclePicker)), __param$u(2, inject(CanvasRectPicker)), __param$u(3, inject(CanvasArcPicker)), __param$u(4, inject(CanvasAreaPicker)), __param$u(5, inject(CanvasImagePicker)), __param$u(6, inject(CanvasLinePicker)), __param$u(7, inject(CanvasPathPicker)), __param$u(8, inject(CanvasSymbolPicker)), __param$u(9, inject(CanvasTextPicker)), __param$u(10, inject(CanvasPolygonPicker)), __param$u(11, inject(CanvasRichTextPicker)), __param$u(12, inject(DrawContribution)), __param$u(13, inject(VGlobal)), __param$u(14, inject(ContributionProvider)), __param$u(14, named(PickItemInterceptor)), __metadata$A("design:paramtypes", [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object])], DefaultCanvasPickerService);
 
-    var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$D = undefined && undefined.__metadata || function (k, v) {
+      __metadata$z = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$t = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22472,16 +23096,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasCirclePicker = __decorate$P([injectable(), __param$t(0, inject(CircleRender)), __metadata$D("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
+    DefaultCanvasCirclePicker = __decorate$K([injectable(), __param$t(0, inject(CircleRender)), __metadata$z("design:paramtypes", [Object])], DefaultCanvasCirclePicker);
 
-    var __decorate$O = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$C = undefined && undefined.__metadata || function (k, v) {
+      __metadata$y = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$s = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22534,16 +23158,16 @@
         return pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasRectPicker = __decorate$O([injectable(), __param$s(0, inject(RectRender)), __metadata$C("design:paramtypes", [Object])], DefaultCanvasRectPicker);
+    DefaultCanvasRectPicker = __decorate$J([injectable(), __param$s(0, inject(RectRender)), __metadata$y("design:paramtypes", [Object])], DefaultCanvasRectPicker);
 
-    var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$B = undefined && undefined.__metadata || function (k, v) {
+      __metadata$x = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$r = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22580,16 +23204,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasArcPicker = __decorate$N([injectable(), __param$r(0, inject(ArcRender)), __metadata$B("design:paramtypes", [Object])], DefaultCanvasArcPicker);
+    DefaultCanvasArcPicker = __decorate$I([injectable(), __param$r(0, inject(ArcRender)), __metadata$x("design:paramtypes", [Object])], DefaultCanvasArcPicker);
 
-    var __decorate$M = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$A = undefined && undefined.__metadata || function (k, v) {
+      __metadata$w = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$q = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22621,9 +23245,9 @@
         return this.canvasRenderer.drawShape(area, pickContext, x, y, {}, null, context => !!picked || (picked = context.isPointInPath(point.x, point.y), picked)), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasAreaPicker = __decorate$M([injectable(), __param$q(0, inject(AreaRender)), __metadata$A("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
+    DefaultCanvasAreaPicker = __decorate$H([injectable(), __param$q(0, inject(AreaRender)), __metadata$w("design:paramtypes", [Object])], DefaultCanvasAreaPicker);
 
-    var __decorate$L = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -22641,9 +23265,9 @@
         return !!pickContext && !!image.AABBBounds.containsPoint(point);
       }
     };
-    DefaultCanvasImagePicker = __decorate$L([injectable()], DefaultCanvasImagePicker);
+    DefaultCanvasImagePicker = __decorate$G([injectable()], DefaultCanvasImagePicker);
 
-    var __decorate$K = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -22651,16 +23275,16 @@
       return c > 3 && r && Object.defineProperty(target, key, r), r;
     };
     let BasePicker = class extends BaseRender {};
-    BasePicker = __decorate$K([injectable()], BasePicker);
+    BasePicker = __decorate$F([injectable()], BasePicker);
 
-    var __decorate$J = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$z = undefined && undefined.__metadata || function (k, v) {
+      __metadata$v = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$p = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22703,16 +23327,16 @@
         }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasLinePicker = __decorate$J([injectable(), __param$p(0, inject(LineRender)), __metadata$z("design:paramtypes", [Object])], DefaultCanvasLinePicker);
+    DefaultCanvasLinePicker = __decorate$E([injectable(), __param$p(0, inject(LineRender)), __metadata$v("design:paramtypes", [Object])], DefaultCanvasLinePicker);
 
-    var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$y = undefined && undefined.__metadata || function (k, v) {
+      __metadata$u = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$o = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22755,16 +23379,16 @@
         }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasPathPicker = __decorate$I([injectable(), __param$o(0, inject(PathRender)), __metadata$y("design:paramtypes", [Object])], DefaultCanvasPathPicker);
+    DefaultCanvasPathPicker = __decorate$D([injectable(), __param$o(0, inject(PathRender)), __metadata$u("design:paramtypes", [Object])], DefaultCanvasPathPicker);
 
-    var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$x = undefined && undefined.__metadata || function (k, v) {
+      __metadata$t = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$n = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22810,16 +23434,16 @@
         }), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasSymbolPicker = __decorate$H([injectable(), __param$n(0, inject(SymbolRender)), __metadata$x("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
+    DefaultCanvasSymbolPicker = __decorate$C([injectable(), __param$n(0, inject(SymbolRender)), __metadata$t("design:paramtypes", [Object])], DefaultCanvasSymbolPicker);
 
-    var __decorate$G = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$w = undefined && undefined.__metadata || function (k, v) {
+      __metadata$s = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22875,16 +23499,16 @@
         }, (context, symbolAttribute, themeAttribute) => picked), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasTextPicker = __decorate$G([injectable(), __param$m(0, inject(TextRender)), __metadata$w("design:paramtypes", [Object])], DefaultCanvasTextPicker);
+    DefaultCanvasTextPicker = __decorate$B([injectable(), __param$m(0, inject(TextRender)), __metadata$s("design:paramtypes", [Object])], DefaultCanvasTextPicker);
 
-    var __decorate$F = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$v = undefined && undefined.__metadata || function (k, v) {
+      __metadata$r = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22919,16 +23543,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasPolygonPicker = __decorate$F([injectable(), __param$l(0, inject(PolygonRender)), __metadata$v("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
+    DefaultCanvasPolygonPicker = __decorate$A([injectable(), __param$l(0, inject(PolygonRender)), __metadata$r("design:paramtypes", [Object])], DefaultCanvasPolygonPicker);
 
-    var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$u = undefined && undefined.__metadata || function (k, v) {
+      __metadata$q = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22944,16 +23568,16 @@
         return !!richtext.AABBBounds.containsPoint(point);
       }
     };
-    DefaultCanvasRichTextPicker = __decorate$E([injectable(), __param$k(0, inject(RichTextRender)), __metadata$u("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
+    DefaultCanvasRichTextPicker = __decorate$z([injectable(), __param$k(0, inject(RichTextRender)), __metadata$q("design:paramtypes", [Object])], DefaultCanvasRichTextPicker);
 
-    var __decorate$D = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$t = undefined && undefined.__metadata || function (k, v) {
+      __metadata$p = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -22984,16 +23608,16 @@
         return !1;
       }
     };
-    DefaultCanvasGlyphPicker = __decorate$D([injectable(), __param$j(0, inject(GlyphRender)), __metadata$t("design:paramtypes", [Object])], DefaultCanvasGlyphPicker);
+    DefaultCanvasGlyphPicker = __decorate$y([injectable(), __param$j(0, inject(GlyphRender)), __metadata$p("design:paramtypes", [Object])], DefaultCanvasGlyphPicker);
 
-    var __decorate$C = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$s = undefined && undefined.__metadata || function (k, v) {
+      __metadata$o = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$i = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23031,16 +23655,16 @@
         return this.canvasRenderer.drawShape(rect, pickContext, x, y, params, null, (context, arc3dAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked)), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasRect3dPicker = __decorate$C([injectable(), __param$i(0, inject(Rect3DRender)), __metadata$s("design:paramtypes", [Object])], DefaultCanvasRect3dPicker);
+    DefaultCanvasRect3dPicker = __decorate$x([injectable(), __param$i(0, inject(Rect3DRender)), __metadata$o("design:paramtypes", [Object])], DefaultCanvasRect3dPicker);
 
-    var __decorate$B = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$r = undefined && undefined.__metadata || function (k, v) {
+      __metadata$n = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$h = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23077,16 +23701,16 @@
         return this.canvasRenderer.drawShape(pyramid3d, pickContext, x, y, {}, null, (context, pyramid3dAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked), (context, pyramid3dAttribute, themeAttribute) => !1), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasPyramid3dPicker = __decorate$B([injectable(), __param$h(0, inject(Pyramid3dRender)), __metadata$r("design:paramtypes", [Object])], DefaultCanvasPyramid3dPicker);
+    DefaultCanvasPyramid3dPicker = __decorate$w([injectable(), __param$h(0, inject(Pyramid3dRender)), __metadata$n("design:paramtypes", [Object])], DefaultCanvasPyramid3dPicker);
 
-    var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$q = undefined && undefined.__metadata || function (k, v) {
+      __metadata$m = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$g = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23123,9 +23747,9 @@
         return this.canvasRenderer.drawShape(arc3d, pickContext, x, y, params, null, (context, arc3dAttribute, themeAttribute) => !!picked || (picked = context.isPointInPath(pickPoint.x, pickPoint.y), picked)), this.canvasRenderer.z = 0, pickContext.modelMatrix !== lastModelMatrix && mat4Allocate.free(pickContext.modelMatrix), pickContext.modelMatrix = lastModelMatrix, pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultCanvasArc3dPicker = __decorate$A([injectable(), __param$g(0, inject(Arc3dRender)), __metadata$q("design:paramtypes", [Object])], DefaultCanvasArc3dPicker);
+    DefaultCanvasArc3dPicker = __decorate$v([injectable(), __param$g(0, inject(Arc3dRender)), __metadata$m("design:paramtypes", [Object])], DefaultCanvasArc3dPicker);
 
-    var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -23140,7 +23764,7 @@
         return !1;
       }
     };
-    DefaultCanvasGroupPicker = __decorate$z([injectable()], DefaultCanvasGroupPicker);
+    DefaultCanvasGroupPicker = __decorate$u([injectable()], DefaultCanvasGroupPicker);
 
     var canvasModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       bind(DefaultCanvasCirclePicker).toSelf().inSingletonScope(), bind(CanvasCirclePicker).toService(DefaultCanvasCirclePicker), bind(CanvasPickerContribution).toService(CanvasCirclePicker), bind(DefaultCanvasRectPicker).toSelf().inSingletonScope(), bind(CanvasRectPicker).toService(DefaultCanvasRectPicker), bind(CanvasPickerContribution).toService(CanvasRectPicker), bind(DefaultCanvasRect3dPicker).toSelf().inSingletonScope(), bind(CanvasRect3dPicker).toService(DefaultCanvasRect3dPicker), bind(CanvasPickerContribution).toService(CanvasRect3dPicker), bind(DefaultCanvasArcPicker).toSelf().inSingletonScope(), bind(CanvasArcPicker).toService(DefaultCanvasArcPicker), bind(CanvasPickerContribution).toService(CanvasArcPicker), bind(DefaultCanvasAreaPicker).toSelf().inSingletonScope(), bind(CanvasAreaPicker).toService(DefaultCanvasAreaPicker), bind(CanvasPickerContribution).toService(CanvasAreaPicker), bind(DefaultCanvasImagePicker).toSelf().inSingletonScope(), bind(CanvasImagePicker).toService(DefaultCanvasImagePicker), bind(CanvasPickerContribution).toService(CanvasImagePicker), bind(DefaultCanvasLinePicker).toSelf().inSingletonScope(), bind(CanvasLinePicker).toService(DefaultCanvasLinePicker), bind(CanvasPickerContribution).toService(CanvasLinePicker), bind(DefaultCanvasPathPicker).toSelf().inSingletonScope(), bind(CanvasPathPicker).toService(DefaultCanvasPathPicker), bind(CanvasPickerContribution).toService(CanvasPathPicker), bind(DefaultCanvasSymbolPicker).toSelf().inSingletonScope(), bind(CanvasSymbolPicker).toService(DefaultCanvasSymbolPicker), bind(CanvasPickerContribution).toService(CanvasSymbolPicker), bind(DefaultCanvasTextPicker).toSelf().inSingletonScope(), bind(CanvasTextPicker).toService(DefaultCanvasTextPicker), bind(CanvasPickerContribution).toService(CanvasTextPicker), bind(DefaultCanvasPolygonPicker).toSelf().inSingletonScope(), bind(CanvasPolygonPicker).toService(DefaultCanvasPolygonPicker), bind(CanvasPickerContribution).toService(CanvasPolygonPicker), bind(DefaultCanvasPyramid3dPicker).toSelf().inSingletonScope(), bind(CanvasPyramid3dPicker).toService(DefaultCanvasPyramid3dPicker), bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker), bind(DefaultCanvasArc3dPicker).toSelf().inSingletonScope(), bind(CanvasArc3dPicker).toService(DefaultCanvasArc3dPicker), bind(CanvasPickerContribution).toService(CanvasArc3dPicker), bind(DefaultCanvasRichTextPicker).toSelf().inSingletonScope(), bind(CanvasRichTextPicker).toService(DefaultCanvasRichTextPicker), bind(CanvasPickerContribution).toService(CanvasRichTextPicker), bind(DefaultCanvasGlyphPicker).toSelf().inSingletonScope(), bind(CanvasGlyphPicker).toService(DefaultCanvasGlyphPicker), bind(CanvasPickerContribution).toService(CanvasGlyphPicker), bind(DefaultCanvasGroupPicker).toSelf().inSingletonScope(), bind(CanvasGroupPicker).toService(DefaultCanvasGroupPicker), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution);
@@ -23153,14 +23777,14 @@
       c.load(canvasModule), c.load(canvasPickerModule);
     }
 
-    var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$p = undefined && undefined.__metadata || function (k, v) {
+      __metadata$l = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$f = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23317,127 +23941,18 @@
         return this.global.getElementTopLeft(this.canvas.nativeCanvas, baseWindow);
       }
     };
-    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution = __decorate$y([injectable(), __param$f(0, inject(VGlobal)), __metadata$p("design:paramtypes", [Object])], BrowserWindowHandlerContribution);
+    BrowserWindowHandlerContribution.env = "browser", BrowserWindowHandlerContribution = __decorate$t([injectable(), __param$f(0, inject(VGlobal)), __metadata$l("design:paramtypes", [Object])], BrowserWindowHandlerContribution);
     const browserWindowModule = new ContainerModule(bind => {
       bind(BrowserWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution)).whenTargetNamed(BrowserWindowHandlerContribution.env);
     });
 
+    let loaded$6 = !1;
     function loadBrowserEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(browserEnvModule), container.load(browserCanvasModule), container.load(browserWindowModule), loadPicker && loadCanvasPicker(container);
+      loaded$6 || (loaded$6 = !0, container.load(browserEnvModule), container.load(browserCanvasModule), container.load(browserWindowModule), loadPicker && loadCanvasPicker(container));
     }
 
-    var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-        var d,
-          c = arguments.length,
-          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-      },
-      __metadata$o = undefined && undefined.__metadata || function (k, v) {
-        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-      };
-    function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
-      const dpr = tt.getSystemInfoSync().pixelRatio;
-      canvasIdLists.forEach((id, i) => {
-        const ctx = tt.createCanvasContext(id);
-        ctx.canvas = {
-          width: domref.width * dpr,
-          height: domref.height * dpr
-        };
-        const canvas = {
-          width: domref.width * dpr,
-          height: domref.height * dpr,
-          offsetWidth: domref.width,
-          offsetHeight: domref.height,
-          id: null != id ? id : "",
-          getContext: () => ctx,
-          getBoundingClientRect: () => ({
-            height: domref.height,
-            width: domref.width
-          })
-        };
-        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
-      });
-    }
-    let FeishuEnvContribution = class extends BaseEnvContribution {
-      constructor() {
-        super(), this.type = "feishu", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
-        try {
-          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
-        }
-        this.applyStyles = !0;
-      }
-      getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      getStaticCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList));
-      }
-      loadImage(url) {
-        return Promise.resolve({
-          data: url,
-          loadState: "success"
-        });
-      }
-      loadSvg(url) {
-        return Promise.reject();
-      }
-      createCanvas(params) {
-        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
-      }
-      createOffscreenCanvas(params) {}
-      releaseCanvas(canvas) {}
-      getDevicePixelRatio() {
-        return tt.getSystemInfoSync().pixelRatio;
-      }
-      getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
-      }
-      getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
-      }
-      addEventListener(type, listener, options) {
-        return null;
-      }
-      removeEventListener(type, listener, options) {
-        return null;
-      }
-      dispatchEvent(event) {
-        return null;
-      }
-      getElementById(str) {
-        return this.canvasMap.get(str);
-      }
-      getRootElement() {
-        return null;
-      }
-      getDocument() {
-        return null;
-      }
-      release() {}
-      mapToCanvasPoint(event) {
-        var _a;
-        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
-      }
-    };
-    FeishuEnvContribution = __decorate$x([injectable(), __metadata$o("design:paramtypes", [])], FeishuEnvContribution);
-
-    const feishuEnvModule = new ContainerModule(bind => {
-      bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution);
-    });
-
-    var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -23482,16 +23997,16 @@
         return null;
       }
     };
-    FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$w([injectable()], FeishuContext2d);
+    FeishuContext2d.env = "feishu", FeishuContext2d = __decorate$s([injectable()], FeishuContext2d);
 
-    var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$n = undefined && undefined.__metadata || function (k, v) {
+      __metadata$k = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let FeishuCanvas = class extends BaseCanvas {
@@ -23503,18 +24018,18 @@
       }
       release() {}
     };
-    FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$v([injectable(), __metadata$n("design:paramtypes", [Object])], FeishuCanvas);
+    FeishuCanvas.env = "feishu", FeishuCanvas = __decorate$r([injectable(), __metadata$k("design:paramtypes", [Object])], FeishuCanvas);
 
     const feishuCanvasModule = createModule(FeishuCanvas, FeishuContext2d);
 
-    var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$m = undefined && undefined.__metadata || function (k, v) {
+      __metadata$j = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$e = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23652,19 +24167,19 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$u([injectable(), __param$e(0, inject(VGlobal)), __metadata$m("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
+    FeishuWindowHandlerContribution.env = "feishu", FeishuWindowHandlerContribution = __decorate$q([injectable(), __param$e(0, inject(VGlobal)), __metadata$j("design:paramtypes", [Object])], FeishuWindowHandlerContribution);
     const feishuWindowModule = new ContainerModule(bind => {
       bind(FeishuWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(FeishuWindowHandlerContribution)).whenTargetNamed(FeishuWindowHandlerContribution.env);
     });
 
-    var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$l = undefined && undefined.__metadata || function (k, v) {
+      __metadata$i = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$d = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23696,16 +24211,16 @@
         } : null;
       }
     };
-    __decorate$t([postConstruct(), __metadata$l("design:type", Function), __metadata$l("design:paramtypes", []), __metadata$l("design:returntype", void 0)], DefaultMathPickerService.prototype, "init", null), DefaultMathPickerService = __decorate$t([injectable(), __param$d(0, inject(ContributionProvider)), __param$d(0, named(MathPickerContribution)), __param$d(1, inject(VGlobal)), __param$d(2, inject(ContributionProvider)), __param$d(2, named(PickItemInterceptor)), __metadata$l("design:paramtypes", [Object, Object, Object])], DefaultMathPickerService);
+    __decorate$p([postConstruct(), __metadata$i("design:type", Function), __metadata$i("design:paramtypes", []), __metadata$i("design:returntype", void 0)], DefaultMathPickerService.prototype, "init", null), DefaultMathPickerService = __decorate$p([injectable(), __param$d(0, inject(ContributionProvider)), __param$d(0, named(MathPickerContribution)), __param$d(1, inject(VGlobal)), __param$d(2, inject(ContributionProvider)), __param$d(2, named(PickItemInterceptor)), __metadata$i("design:paramtypes", [Object, Object, Object])], DefaultMathPickerService);
 
-    var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$k = undefined && undefined.__metadata || function (k, v) {
+      __metadata$h = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$c = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23741,16 +24256,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathPathPicker = __decorate$s([injectable(), __param$c(0, inject(PathRender)), __metadata$k("design:paramtypes", [Object])], DefaultMathPathPicker);
+    DefaultMathPathPicker = __decorate$o([injectable(), __param$c(0, inject(PathRender)), __metadata$h("design:paramtypes", [Object])], DefaultMathPathPicker);
 
-    var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$j = undefined && undefined.__metadata || function (k, v) {
+      __metadata$g = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$b = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23786,16 +24301,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathCirclePicker = __decorate$r([injectable(), __param$b(0, inject(CircleRender)), __metadata$j("design:paramtypes", [Object])], DefaultMathCirclePicker);
+    DefaultMathCirclePicker = __decorate$n([injectable(), __param$b(0, inject(CircleRender)), __metadata$g("design:paramtypes", [Object])], DefaultMathCirclePicker);
 
-    var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$i = undefined && undefined.__metadata || function (k, v) {
+      __metadata$f = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$a = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23848,16 +24363,16 @@
         return pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathRectPicker = __decorate$q([injectable(), __param$a(0, inject(RectRender)), __metadata$i("design:paramtypes", [Object])], DefaultMathRectPicker);
+    DefaultMathRectPicker = __decorate$m([injectable(), __param$a(0, inject(RectRender)), __metadata$f("design:paramtypes", [Object])], DefaultMathRectPicker);
 
-    var __decorate$p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$h = undefined && undefined.__metadata || function (k, v) {
+      __metadata$e = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$9 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23894,16 +24409,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathArcPicker = __decorate$p([injectable(), __param$9(0, inject(ArcRender)), __metadata$h("design:paramtypes", [Object])], DefaultMathArcPicker);
+    DefaultMathArcPicker = __decorate$l([injectable(), __param$9(0, inject(ArcRender)), __metadata$e("design:paramtypes", [Object])], DefaultMathArcPicker);
 
-    var __decorate$o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$g = undefined && undefined.__metadata || function (k, v) {
+      __metadata$d = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$8 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23935,16 +24450,16 @@
         return this.canvasRenderer.drawShape(area, pickContext, x, y, {}, null, context => !!picked || (picked = context.isPointInPath(point.x, point.y), picked)), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathAreaPicker = __decorate$o([injectable(), __param$8(0, inject(AreaRender)), __metadata$g("design:paramtypes", [Object])], DefaultMathAreaPicker);
+    DefaultMathAreaPicker = __decorate$k([injectable(), __param$8(0, inject(AreaRender)), __metadata$d("design:paramtypes", [Object])], DefaultMathAreaPicker);
 
-    var __decorate$n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$f = undefined && undefined.__metadata || function (k, v) {
+      __metadata$c = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$7 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -23980,16 +24495,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathLinePicker = __decorate$n([injectable(), __param$7(0, inject(LineRender)), __metadata$f("design:paramtypes", [Object])], DefaultMathLinePicker);
+    DefaultMathLinePicker = __decorate$j([injectable(), __param$7(0, inject(LineRender)), __metadata$c("design:paramtypes", [Object])], DefaultMathLinePicker);
 
-    var __decorate$m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$e = undefined && undefined.__metadata || function (k, v) {
+      __metadata$b = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$6 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -24025,9 +24540,9 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathSymbolPicker = __decorate$m([injectable(), __param$6(0, inject(SymbolRender)), __metadata$e("design:paramtypes", [Object])], DefaultMathSymbolPicker);
+    DefaultMathSymbolPicker = __decorate$i([injectable(), __param$6(0, inject(SymbolRender)), __metadata$b("design:paramtypes", [Object])], DefaultMathSymbolPicker);
 
-    var __decorate$l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24042,16 +24557,16 @@
         return !!text.AABBBounds.containsPoint(point);
       }
     };
-    DefaultMathTextPicker = __decorate$l([injectable()], DefaultMathTextPicker);
+    DefaultMathTextPicker = __decorate$h([injectable()], DefaultMathTextPicker);
 
-    var __decorate$k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$d = undefined && undefined.__metadata || function (k, v) {
+      __metadata$a = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$5 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -24086,16 +24601,16 @@
         }), pickContext.highPerformanceRestore(), picked;
       }
     };
-    DefaultMathPolygonPicker = __decorate$k([injectable(), __param$5(0, inject(PolygonRender)), __metadata$d("design:paramtypes", [Object])], DefaultMathPolygonPicker);
+    DefaultMathPolygonPicker = __decorate$g([injectable(), __param$5(0, inject(PolygonRender)), __metadata$a("design:paramtypes", [Object])], DefaultMathPolygonPicker);
 
-    var __decorate$j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$c = undefined && undefined.__metadata || function (k, v) {
+      __metadata$9 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$4 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -24124,7 +24639,7 @@
         return !1;
       }
     };
-    DefaultMathGlyphPicker = __decorate$j([injectable(), __param$4(0, inject(GlyphRender)), __metadata$c("design:paramtypes", [Object])], DefaultMathGlyphPicker);
+    DefaultMathGlyphPicker = __decorate$f([injectable(), __param$4(0, inject(GlyphRender)), __metadata$9("design:paramtypes", [Object])], DefaultMathGlyphPicker);
 
     var mathModule = new ContainerModule(bind => {
       bind(DefaultMathCirclePicker).toSelf().inSingletonScope(), bind(MathCirclePicker).toService(DefaultMathCirclePicker), bind(MathPickerContribution).toService(MathCirclePicker), bind(DefaultMathRectPicker).toSelf().inSingletonScope(), bind(MathRectPicker).toService(DefaultMathRectPicker), bind(MathPickerContribution).toService(MathRectPicker), bind(DefaultMathArcPicker).toSelf().inSingletonScope(), bind(MathArcPicker).toService(DefaultMathArcPicker), bind(MathPickerContribution).toService(MathArcPicker), bind(DefaultMathAreaPicker).toSelf().inSingletonScope(), bind(MathAreaPicker).toService(DefaultMathAreaPicker), bind(MathPickerContribution).toService(MathAreaPicker), bind(DefaultMathLinePicker).toSelf().inSingletonScope(), bind(MathLinePicker).toService(DefaultMathLinePicker), bind(MathPickerContribution).toService(MathLinePicker), bind(DefaultMathPathPicker).toSelf().inSingletonScope(), bind(MathPathPicker).toService(DefaultMathPathPicker), bind(MathPickerContribution).toService(MathPathPicker), bind(DefaultMathSymbolPicker).toSelf().inSingletonScope(), bind(MathSymbolPicker).toService(DefaultMathSymbolPicker), bind(MathPickerContribution).toService(MathSymbolPicker), bind(DefaultMathTextPicker).toSelf().inSingletonScope(), bind(MathTextPicker).toService(DefaultMathTextPicker), bind(MathPickerContribution).toService(MathTextPicker), bind(DefaultMathPolygonPicker).toSelf().inSingletonScope(), bind(MathPolygonPicker).toService(DefaultMathPolygonPicker), bind(MathPickerContribution).toService(MathPolygonPicker), bind(DefaultMathGlyphPicker).toSelf().inSingletonScope(), bind(MathGlyphPicker).toService(DefaultMathGlyphPicker), bind(DefaultMathGlyphPicker).toService(MathGlyphPicker), bindContributionProvider(bind, MathPickerContribution);
@@ -24137,12 +24652,13 @@
       c.load(mathModule), c.load(mathPickerModule$1);
     }
 
+    let loaded$5 = !1;
     function loadFeishuEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(feishuEnvModule), container.load(feishuCanvasModule), container.load(feishuWindowModule), loadPicker && loadMathPicker$1(container);
+      loaded$5 || (loaded$5 = !0, container.load(feishuEnvModule), container.load(feishuCanvasModule), container.load(feishuWindowModule), loadPicker && loadMathPicker$1(container));
     }
 
-    var __decorate$i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -24196,16 +24712,16 @@
         });
       }
     };
-    LynxContext2d.env = "lynx", LynxContext2d = __decorate$i([injectable()], LynxContext2d);
+    LynxContext2d.env = "lynx", LynxContext2d = __decorate$e([injectable()], LynxContext2d);
 
-    var __decorate$h = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$b = undefined && undefined.__metadata || function (k, v) {
+      __metadata$8 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let LynxCanvas = class extends BaseCanvas {
@@ -24217,16 +24733,16 @@
       }
       release() {}
     };
-    LynxCanvas.env = "lynx", LynxCanvas = __decorate$h([injectable(), __metadata$b("design:paramtypes", [Object])], LynxCanvas);
+    LynxCanvas.env = "lynx", LynxCanvas = __decorate$d([injectable(), __metadata$8("design:paramtypes", [Object])], LynxCanvas);
 
-    var __decorate$g = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$a = undefined && undefined.__metadata || function (k, v) {
+      __metadata$7 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
       __param$3 = undefined && undefined.__param || function (paramIndex, decorator) {
@@ -24364,505 +24880,17 @@
         context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
       }
     };
-    LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$g([injectable(), __param$3(0, inject(VGlobal)), __metadata$a("design:paramtypes", [Object])], LynxWindowHandlerContribution);
+    LynxWindowHandlerContribution.env = "lynx", LynxWindowHandlerContribution = __decorate$c([injectable(), __param$3(0, inject(VGlobal)), __metadata$7("design:paramtypes", [Object])], LynxWindowHandlerContribution);
     const lynxWindowModule = new ContainerModule(bind => {
       bind(LynxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(LynxWindowHandlerContribution)).whenTargetNamed(LynxWindowHandlerContribution.env);
     });
 
     const lynxCanvasModule = createModule(LynxCanvas, LynxContext2d);
 
-    var __decorate$f = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-        var d,
-          c = arguments.length,
-          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-      },
-      __metadata$9 = undefined && undefined.__metadata || function (k, v) {
-        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-      };
-    function makeUpCanvas$2(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
-      canvasIdLists.forEach((id, i) => {
-        const ctx = taro.createCanvasContext(id);
-        ctx.canvas = {
-          width: domref.width * dpr,
-          height: domref.height * dpr
-        }, ctx.createRadialGradient || (ctx.createRadialGradient = function () {
-          return ctx.createCircularGradient(...arguments);
-        }), !ctx.getImageData && taro.canvasGetImageData && (ctx.getImageData = (x, y, width, height) => new Promise((resolve, reject) => {
-          try {
-            taro.canvasGetImageData({
-              canvasId: id,
-              x: x,
-              y: y,
-              width: width,
-              height: height,
-              success(res) {
-                resolve(res);
-              }
-            });
-          } catch (err) {
-            reject(err);
-          }
-        }));
-        const canvas = {
-          id: id,
-          width: domref.width * dpr,
-          height: domref.height * dpr,
-          offsetWidth: domref.width,
-          offsetHeight: domref.height,
-          getContext: () => ctx,
-          getBoundingClientRect: () => ({
-            height: domref.height,
-            width: domref.width
-          })
-        };
-        return canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), canvas;
-      });
-    }
-    let TaroEnvContribution = class extends BaseEnvContribution {
-      constructor() {
-        super(), this.type = "taro", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
-        try {
-          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
-        }
-        this.applyStyles = !0;
-      }
-      getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      getStaticCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$2(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), this.taro = params.taro, this.pixelRatio = params.pixelRatio);
-      }
-      loadImage(url) {
-        return Promise.resolve({
-          data: url,
-          loadState: "success"
-        });
-      }
-      loadSvg(svgStr) {
-        const _window = window || globalThis;
-        if (_window.DOMParser) {
-          const svg = new _window.DOMParser().parseFromString(svgStr, "image/svg+xml").children[0],
-            data = new XMLSerializer().serializeToString(svg),
-            url = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(data)}`;
-          return Promise.resolve({
-            data: url,
-            loadState: "success"
-          });
-        }
-        if (_window.Blob) {
-          const data = new _window.Blob([svgStr], {
-              type: "image/svg+xml"
-            }),
-            url = _window.URL.createObjectURL(data);
-          return Promise.resolve({
-            data: url,
-            loadState: "success"
-          });
-        }
-        return Promise.reject();
-      }
-      createCanvas(params) {
-        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
-      }
-      createOffscreenCanvas(params) {}
-      releaseCanvas(canvas) {}
-      getDevicePixelRatio() {
-        return this.pixelRatio;
-      }
-      getRequestAnimationFrame() {
-        return requestAnimationFrame;
-      }
-      getCancelAnimationFrame() {
-        return cancelAnimationFrame;
-      }
-      addEventListener(type, listener, options) {
-        return null;
-      }
-      removeEventListener(type, listener, options) {
-        return null;
-      }
-      dispatchEvent(event) {
-        return null;
-      }
-      getElementById(str) {
-        return this.canvasMap.get(str);
-      }
-      getRootElement() {
-        return null;
-      }
-      getDocument() {
-        return null;
-      }
-      release() {}
-    };
-    TaroEnvContribution = __decorate$f([injectable(), __metadata$9("design:paramtypes", [])], TaroEnvContribution);
-
-    var __decorate$e = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-        var d,
-          c = arguments.length,
-          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-      },
-      __metadata$8 = undefined && undefined.__metadata || function (k, v) {
-        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-      };
-    let ng = !1;
-    try {
-      ng = !!lynx.createCanvasNG;
-    } catch (err) {}
-    function makeUpCanvas$1(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
-      const dpr = SystemInfo.pixelRatio;
-      canvasIdLists.forEach((id, i) => {
-        const _canvas = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id);
-        _canvas.width = domref.width * dpr, _canvas.height = domref.height * dpr, ng && _canvas.attachToCanvasView(id);
-        const ctx = _canvas.getContext("2d");
-        ctx.draw = (a, b) => {
-          b();
-        };
-        const canvas = {
-          width: domref.width * dpr,
-          height: domref.height * dpr,
-          offsetWidth: domref.width,
-          offsetHeight: domref.height,
-          id: null != id ? id : "",
-          getContext: () => ctx,
-          getBoundingClientRect: () => ({
-            height: domref.height,
-            width: domref.width
-          })
-        };
-        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
-      });
-    }
-    function createImageElement(src) {
-      let isSvg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      if (isSvg) return Promise.reject();
-      const img = lynx.createImage(src);
-      return new Promise((resolve, reject) => {
-        img.onload = () => {
-          resolve(img);
-        }, img.onerror = () => {
-          reject(new Error("加载失败"));
-        };
-      });
-    }
-    let LynxEnvContribution = class extends BaseEnvContribution {
-      constructor() {
-        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
-        try {
-          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
-        }
-        this.applyStyles = !0;
-      }
-      configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$1(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList));
-      }
-      getDynamicCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      getStaticCanvasCount() {
-        return this.freeCanvasList.length;
-      }
-      loadImage(url) {
-        return createImageElement(url, !1).then(img => ({
-          data: img,
-          loadState: "success"
-        })).catch(() => ({
-          data: null,
-          loadState: "fail"
-        }));
-      }
-      loadSvg(url) {
-        return Promise.reject();
-      }
-      createCanvas(params) {
-        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
-      }
-      createOffscreenCanvas(params) {}
-      releaseCanvas(canvas) {}
-      getDevicePixelRatio() {
-        return SystemInfo.pixelRatio;
-      }
-      getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
-      }
-      getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
-      }
-      addEventListener(type, listener, options) {
-        return null;
-      }
-      removeEventListener(type, listener, options) {
-        return null;
-      }
-      dispatchEvent(event) {
-        return null;
-      }
-      getElementById(str) {
-        return this.canvasMap.get(str);
-      }
-      getRootElement() {
-        return null;
-      }
-      getDocument() {
-        return null;
-      }
-      release() {}
-    };
-    LynxEnvContribution = __decorate$e([injectable(), __metadata$8("design:paramtypes", [])], LynxEnvContribution);
-
-    var __decorate$d = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-        var d,
-          c = arguments.length,
-          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-      },
-      __metadata$7 = undefined && undefined.__metadata || function (k, v) {
-        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-      },
-      __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
-        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) {
-            var value;
-            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
-              resolve(value);
-            })).then(fulfilled, rejected);
-          }
-          step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-      };
-    function makeUpCanvas(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();
-            component && (data = data.in(component)), data.select(`#${id}`).fields({
-              node: !0,
-              size: !0
-            }).exec(res => {
-              if (!res[0]) return;
-              const canvas = res[0].node,
-                width = res[0].width,
-                height = res[0].height;
-              canvas.width = width * dpr, canvas.height = height * dpr, canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), resolve(null);
-            });
-          });
-        }
-      });
-    }
-    let WxEnvContribution = class extends BaseEnvContribution {
-      constructor() {
-        super(), this.type = "wx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
-        try {
-          this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
-        } catch (err) {
-          this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
-        }
-        this.applyStyles = !0;
-      }
-      configure(service, params) {
-        if (service.env === this.type) return service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.component).then(() => {});
-      }
-      loadImage(url) {
-        return Promise.resolve({
-          data: url,
-          loadState: "success"
-        });
-      }
-      loadSvg(url) {
-        return Promise.reject();
-      }
-      createCanvas(params) {
-        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
-      }
-      createOffscreenCanvas(params) {}
-      releaseCanvas(canvas) {}
-      getDevicePixelRatio() {
-        return wx.getSystemInfoSync().pixelRatio;
-      }
-      getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
-      }
-      getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
-      }
-      addEventListener(type, listener, options) {
-        return null;
-      }
-      removeEventListener(type, listener, options) {
-        return null;
-      }
-      dispatchEvent(event) {
-        return null;
-      }
-      getElementById(str) {
-        return this.canvasMap.get(str);
-      }
-      getRootElement() {
-        return null;
-      }
-      getDocument() {
-        return null;
-      }
-      release() {}
-      mapToCanvasPoint(event) {
-        var _a;
-        return (null === (_a = null == event ? void 0 : event.type) || void 0 === _a ? void 0 : _a.startsWith("mouse")) ? event : null;
-      }
-    };
-    WxEnvContribution = __decorate$d([injectable(), __metadata$7("design:paramtypes", [])], WxEnvContribution);
-
-    var __decorate$c = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-      var d,
-        c = arguments.length,
-        r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-      if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    let NodeEnvContribution = class extends BaseEnvContribution {
-      constructor() {
-        super(...arguments), this.type = "node", this._lastTime = 0, this.supportEvent = !1;
-      }
-      configure(service, pkg) {
-        service.env === this.type && (service.setActiveEnvContribution(this), this.pkg = pkg);
-      }
-      getDynamicCanvasCount() {
-        return 0;
-      }
-      getStaticCanvasCount() {
-        return 1;
-      }
-      loadJson(url) {
-        const jsonPromise = fetch(url).then(data => data.json());
-        return jsonPromise.then(json => ({
-          data: json,
-          state: "success"
-        })).catch(() => ({
-          data: null,
-          state: "fail"
-        })), jsonPromise;
-      }
-      loadArrayBuffer(url) {
-        return fetch(url).then(data => data.arrayBuffer()).then(arrayBuffer => ({
-          data: arrayBuffer,
-          loadState: "success"
-        })).catch(() => ({
-          data: null,
-          loadState: "fail"
-        }));
-      }
-      loadImage(url) {
-        const {
-          loadImage: loadImage
-        } = this.pkg;
-        return loadImage ? loadImage(url).then(image => ({
-          loadState: image ? "success" : "fail",
-          data: image
-        })).catch(() => ({
-          loadState: "fail",
-          data: null
-        })) : Promise.reject(new Error("node-canvas loadImage could not be found!"));
-      }
-      loadSvg(svgStr) {
-        const Resvg = this.pkg.Resvg;
-        if (!Resvg) return Promise.reject(new Error("@resvg/resvg-js svgParser could not be found!"));
-        const pngData = new Resvg(svgStr).render().asPng();
-        return this.loadImage(pngData);
-      }
-      createCanvas(params) {
-        return this.pkg.createCanvas(params.width, params.height);
-      }
-      releaseCanvas(canvas) {}
-      getDevicePixelRatio() {
-        return 1;
-      }
-      getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
-      }
-      getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
-      }
-      addEventListener(type, listener, options) {}
-      removeEventListener(type, listener, options) {}
-      getElementById(str) {
-        return null;
-      }
-      getRootElement() {
-        return null;
-      }
-      dispatchEvent(event) {}
-      release() {}
-      createOffscreenCanvas(params) {}
-    };
-    NodeEnvContribution = __decorate$c([injectable()], NodeEnvContribution);
-
-    new ContainerModule(bind => {
-      bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution);
-    });
-    new ContainerModule(bind => {
-      bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution);
-    });
-    const taroEnvModule = new ContainerModule(bind => {
-      bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution);
-    });
-    new ContainerModule(bind => {
-      bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution);
-    });
-    const lynxEnvModule = new ContainerModule(bind => {
-      bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution);
-    });
-    const wxEnvModule = new ContainerModule(bind => {
-      bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution);
-    });
-    const nodeEnvModule = new ContainerModule(bind => {
-      bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution);
-    });
-
+    let loaded$4 = !1;
     function loadLynxEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(lynxEnvModule), container.load(lynxCanvasModule), container.load(lynxWindowModule), loadPicker && loadMathPicker$1(container);
+      loaded$4 || (loaded$4 = !0, container.load(lynxEnvModule), container.load(lynxCanvasModule), container.load(lynxWindowModule), loadPicker && loadMathPicker$1(container));
     }
 
     var __decorate$b = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -24901,7 +24929,7 @@
         super(params);
       }
       init() {
-        this._context = new NodeContext2d(this, this._dpr);
+        this._context = new NodeContext2d(this, this._dpr), this.nativeCanvas.width = this._pixelWidth, this.nativeCanvas.height = this._pixelHeight;
       }
       release() {
         this._nativeCanvas.release && isFunction$1(this._nativeCanvas.release) && this._nativeCanvas.release();
@@ -25017,9 +25045,10 @@
       bind(NodeWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(NodeWindowHandlerContribution)).whenTargetNamed(NodeWindowHandlerContribution.env);
     });
 
+    let loaded$3 = !1;
     function loadNodeEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(nodeEnvModule), container.load(nodeCanvasModule), container.load(nodeWindowModule), loadPicker && loadMathPicker$1(container);
+      loaded$3 || (loaded$3 = !0, container.load(nodeEnvModule), container.load(nodeCanvasModule), container.load(nodeWindowModule), loadPicker && loadMathPicker$1(container));
     }
 
     var __decorate$8 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -25271,9 +25300,10 @@
       bind(TaroWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(TaroWindowHandlerContribution)).whenTargetNamed(TaroWindowHandlerContribution.env);
     });
 
+    let loaded$2 = !1;
     function loadTaroEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker$1(container);
+      loaded$2 || (loaded$2 = !0, container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker$1(container));
     }
 
     var __decorate$5 = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -25465,9 +25495,10 @@
       bind(WxWindowHandlerContribution).toSelf(), bind(WindowHandlerContribution).toDynamicValue(ctx => ctx.container.get(WxWindowHandlerContribution)).whenTargetNamed(WxWindowHandlerContribution.env);
     });
 
+    let loaded$1 = !1;
     function loadWxEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker$1(container);
+      loaded$1 || (loaded$1 = !0, container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker$1(container));
     }
 
     new ContainerModule((bind, unbind, isBound, rebind) => {
@@ -25480,10 +25511,11 @@
       c.load(mathModule), c.load(mathPickerModule);
     }
 
+    let loaded = !1;
     function loadAllModule(container) {
-      loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container, !1), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", (lastEnv, env) => {
+      loaded || (loaded = !0, loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container, !1), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", (lastEnv, env) => {
         "browser" !== env && loadMathPicker(container);
-      });
+      }));
     }
 
     loadAllModule(container);
@@ -25564,7 +25596,11 @@
           const {
             direction: direction
           } = this.attribute;
-          this._prePos = "horizontal" === direction ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMove), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.addEventListener("pointermove", this._onSliderPointerMove), this._slider.addEventListener("pointerup", this._onSliderPointerUp), this._slider.addEventListener("pointerupoutside", this._onSliderPointerUp));
+          this._prePos = "horizontal" === direction ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMove, {
+            capture: !0
+          }), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this._slider.addEventListener("pointermove", this._onSliderPointerMove, {
+            capture: !0
+          }), this._slider.addEventListener("pointerup", this._onSliderPointerUp), this._slider.addEventListener("pointerupoutside", this._onSliderPointerUp));
         }, this._onSliderPointerMove = e => {
           e.stopPropagation();
           const {
@@ -28555,7 +28591,11 @@
       }
       constructor(attributes) {
         super(merge$1({}, Slider.defaultAttributes, attributes)), this.name = "slider", this._isHorizontal = !0, this._startHandler = null, this._endHandler = null, this._startHandlerText = null, this._endHandlerText = null, this._currentHandler = null, this._currentValue = {}, this._onHandlerPointerdown = e => {
-          e.stopPropagation(), this._currentHandler = e.target, this._prePos = this._isHorizontal ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onHandlerPointerMove), vglobal.addEventListener("pointerup", this._onHandlerPointerUp)) : (this._currentHandler.addEventListener("pointermove", this._onHandlerPointerMove), this._currentHandler.addEventListener("pointerup", this._onHandlerPointerUp), this._currentHandler.addEventListener("pointerupoutside", this._onHandlerPointerUp));
+          e.stopPropagation(), this._currentHandler = e.target, this._prePos = this._isHorizontal ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onHandlerPointerMove, {
+            capture: !0
+          }), vglobal.addEventListener("pointerup", this._onHandlerPointerUp)) : (this._currentHandler.addEventListener("pointermove", this._onHandlerPointerMove, {
+            capture: !0
+          }), this._currentHandler.addEventListener("pointerup", this._onHandlerPointerUp), this._currentHandler.addEventListener("pointerupoutside", this._onHandlerPointerUp));
         }, this._onHandlerPointerMove = e => {
           var _a, _b;
           e.stopPropagation();
@@ -28575,12 +28615,20 @@
             currentValue = newPos / railLen * (max - min) + min;
           "text" === this._currentHandler.type ? this._updateHandlerText(this._currentHandler, newPos, currentValue) : this._updateHandler(this._currentHandler, newPos, currentValue), this._updateTrack(), this._prePos = currentPos, this._dispatchChangeEvent();
         }, this._onHandlerPointerUp = e => {
-          if (e.preventDefault(), this._currentHandler = null, "browser" === vglobal.env) vglobal.removeEventListener("pointermove", this._onHandlerPointerMove), vglobal.removeEventListener("pointerup", this._onHandlerPointerUp);else {
+          if (e.preventDefault(), this._currentHandler = null, "browser" === vglobal.env) vglobal.removeEventListener("pointermove", this._onHandlerPointerMove, {
+            capture: !0
+          }), vglobal.removeEventListener("pointerup", this._onHandlerPointerUp);else {
             const currentTarget = e.target;
-            currentTarget.removeEventListener("pointermove", this._onHandlerPointerMove), currentTarget.removeEventListener("pointerup", this._onHandlerPointerUp), currentTarget.removeEventListener("pointerupoutside", this._onHandlerPointerUp);
+            currentTarget.removeEventListener("pointermove", this._onHandlerPointerMove, {
+              capture: !0
+            }), currentTarget.removeEventListener("pointerup", this._onHandlerPointerUp), currentTarget.removeEventListener("pointerupoutside", this._onHandlerPointerUp);
           }
         }, this._onTrackPointerdown = e => {
-          e.stopPropagation(), this._prePos = this._isHorizontal ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onTrackPointerMove), vglobal.addEventListener("pointerup", this._onTrackPointerUp)) : (this._track.addEventListener("pointermove", this._onTrackPointerMove), this._track.addEventListener("pointerup", this._onTrackPointerUp), this._track.addEventListener("pointerupoutside", this._onTrackPointerUp));
+          e.stopPropagation(), this._prePos = this._isHorizontal ? e.clientX : e.clientY, "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onTrackPointerMove, {
+            capture: !0
+          }), vglobal.addEventListener("pointerup", this._onTrackPointerUp)) : (this._track.addEventListener("pointermove", this._onTrackPointerMove, {
+            capture: !0
+          }), this._track.addEventListener("pointerup", this._onTrackPointerUp), this._track.addEventListener("pointerupoutside", this._onTrackPointerUp));
         }, this._onTrackPointerMove = e => {
           e.stopPropagation();
           const {
@@ -48722,7 +48770,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.12.0-alpha.0";
+        version = "0.12.0-alpha.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -58184,7 +58232,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.12.0-alpha.0";
+    const version = "0.12.0-alpha.1";
     function getIcons() {
         return get$1();
     }