@visactor/vrender 1.1.0-alpha.21 → 1.1.0-alpha.22

package/dist/index.js

@@ -5376,6 +5376,11 @@
           data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
             (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(svgStr, res.data)) : (data.loadState = "fail", mark.imageLoadFail(svgStr));
           }), data.waitingMark && (data.waitingMark = []);
+        }).catch(() => {
+          var _a;
+          data.loadState = "fail", null === (_a = data.waitingMark) || void 0 === _a || _a.map(mark => {
+            mark.imageLoadFail(svgStr);
+          }), data.waitingMark && (data.waitingMark = []);
         })) : (data.loadState = "fail", mark.imageLoadFail(svgStr)));
       }
       static GetFile(url, type) {
@@ -16890,6 +16895,7 @@
         if (this.layer = layer, this.window = window, params.main) this.main = !0, this.context = window.getContext(), this.canvas = this.context.getCanvas();else {
           let nativeCanvas;
           this.main = !1, params.canvasId && (nativeCanvas = this.global.getElementById(params.canvasId)), nativeCanvas || (nativeCanvas = this.global.createCanvas({
+            id: params.canvasId,
             width: window.width,
             height: window.height
           })), nativeCanvas.style && (nativeCanvas.style["pointer-events"] = "none");
@@ -29007,6 +29013,40 @@
         this.cache = {};
       }
     };
+    function setMiniAppEventTarget$1(event, key, value) {
+      if (event && value) try {
+        event[key] = value;
+      } catch (_a) {
+        Object.defineProperty(event, key, {
+          configurable: !0,
+          value: value
+        });
+      }
+    }
+    function isValidCoordinate$1(value) {
+      return "number" == typeof value && Number.isFinite(value);
+    }
+    function pickCoordinate$1(...values) {
+      for (let i = 0; i < values.length; i++) if (isValidCoordinate$1(values[i])) return values[i];
+    }
+    function setLynxEventValue(event, key, value) {
+      try {
+        event[key] = value;
+      } catch (_a) {
+        Object.defineProperty(event, key, {
+          configurable: !0,
+          value: value
+        });
+      }
+    }
+    function normalizeLynxTouchEventPoint(event) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+      const touch = null !== (_b = null === (_a = null == event ? void 0 : event.changedTouches) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : null === (_c = null == event ? void 0 : event.touches) || void 0 === _c ? void 0 : _c[0];
+      if (!touch) return;
+      const x = pickCoordinate$1(event.x, event.offsetX, event.clientX, event.pageX, touch.x, touch.offsetX, touch.clientX, touch.pageX),
+        y = pickCoordinate$1(event.y, event.offsetY, event.clientY, event.pageY, touch.y, touch.offsetY, touch.clientY, touch.pageY);
+      null != x && null != y && (!event.touches && event.changedTouches && setLynxEventValue(event, "touches", "touchend" === event.type || "touchcancel" === event.type ? [] : event.changedTouches), setLynxEventValue(event, "x", x), setLynxEventValue(event, "y", y), setLynxEventValue(event, "offsetX", null !== (_d = event.offsetX) && void 0 !== _d ? _d : x), setLynxEventValue(event, "offsetY", null !== (_e = event.offsetY) && void 0 !== _e ? _e : y), setLynxEventValue(event, "clientX", null !== (_f = event.clientX) && void 0 !== _f ? _f : x), setLynxEventValue(event, "clientY", null !== (_g = event.clientY) && void 0 !== _g ? _g : y), setLynxEventValue(event, "pageX", null !== (_h = event.pageX) && void 0 !== _h ? _h : x), setLynxEventValue(event, "pageY", null !== (_j = event.pageY) && void 0 !== _j ? _j : y), touch.x = null !== (_k = touch.x) && void 0 !== _k ? _k : x, touch.y = null !== (_l = touch.y) && void 0 !== _l ? _l : y, touch.offsetX = null !== (_m = touch.offsetX) && void 0 !== _m ? _m : x, touch.offsetY = null !== (_o = touch.offsetY) && void 0 !== _o ? _o : y, touch.clientX = null !== (_p = touch.clientX) && void 0 !== _p ? _p : x, touch.clientY = null !== (_q = touch.clientY) && void 0 !== _q ? _q : y, touch.pageX = null !== (_r = touch.pageX) && void 0 !== _r ? _r : x, touch.pageY = null !== (_s = touch.pageY) && void 0 !== _s ? _s : y);
+    }
     class LynxWindowHandlerContribution extends BaseWindowHandlerContribution {
       get container() {
         return null;
@@ -29050,7 +29090,12 @@
       createWindowByCanvas(params) {
         let canvas;
         if ("string" == typeof params.canvas) {
-          if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+          if (canvas = this.global.getElementById(params.canvas), canvas || (canvas = this.global.createCanvas({
+            id: params.canvas,
+            width: params.width,
+            height: params.height,
+            dpr: params.dpr
+          })), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
         } else canvas = params.canvas;
         let width = params.width,
           height = params.height;
@@ -29090,12 +29135,15 @@
         this.eventManager.removeEventListener(type, listener);
       }
       dispatchEvent(event) {
+        var _a;
         const {
           type: type
         } = event;
-        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = event.changedTouches[0].x, event.changedTouches[0].clientX = event.changedTouches[0].x, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = event.changedTouches[0].y, event.changedTouches[0].clientY = event.changedTouches[0].y), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
+        if (!this.eventManager.cache[type]) return !1;
+        const nativeCanvas = null === (_a = this.canvas) || void 0 === _a ? void 0 : _a.nativeCanvas;
+        return setMiniAppEventTarget$1(event, "target", nativeCanvas), setMiniAppEventTarget$1(event, "currentTarget", nativeCanvas), normalizeLynxTouchEventPoint(event), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
           f(event);
-        }), !0);
+        }), !0;
       }
       getStyle() {
         return {};
@@ -29127,30 +29175,131 @@
       (null === (_a = container.isBound) || void 0 === _a ? void 0 : _a.call(container, LynxWindowHandlerContribution)) || container.bind(LynxWindowHandlerContribution).toSelf(), (null === (_b = container.getNamed) || void 0 === _b ? void 0 : _b.call(container, WindowHandlerContribution, LynxWindowHandlerContribution.env)) || container.bind(WindowHandlerContribution).toService(LynxWindowHandlerContribution).whenTargetNamed(LynxWindowHandlerContribution.env);
     }
 
-    let ng = !1;
-    try {
-      ng = !!lynx.createCanvasNG;
-    } catch (err) {}
-    function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, offscreen, pixelRatio) {
-      const dpr = null != pixelRatio ? pixelRatio : SystemInfo.pixelRatio;
+    const LYNX_CANVAS_BRIDGE_ERROR = "Lynx canvas bridge is unavailable. VRender Lynx env requires envParams.canvasFactory or a Lynx runtime that exposes createCanvasNG/createCanvas/createOffscreenCanvas/krypton canvas APIs.",
+      LYNX_CANVAS_SIZE_ERROR = "Lynx canvas size is unavailable. Pass stage width/height when creating a Lynx stage canvas.";
+    function isValidCoordinate(value) {
+      return "number" == typeof value && Number.isFinite(value);
+    }
+    function pickCoordinate(...values) {
+      for (let i = 0; i < values.length; i++) if (isValidCoordinate(values[i])) return values[i];
+    }
+    function getPrimaryTouch(event) {
+      var _a, _b, _c;
+      return null !== (_b = null === (_a = null == event ? void 0 : event.changedTouches) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : null === (_c = null == event ? void 0 : event.touches) || void 0 === _c ? void 0 : _c[0];
+    }
+    function getLynxEventPoint(event) {
+      const touch = getPrimaryTouch(event),
+        x = pickCoordinate(null == event ? void 0 : event.x, null == event ? void 0 : event.offsetX, null == event ? void 0 : event.clientX, null == event ? void 0 : event.pageX, null == touch ? void 0 : touch.x, null == touch ? void 0 : touch.offsetX, null == touch ? void 0 : touch.clientX, null == touch ? void 0 : touch.pageX),
+        y = pickCoordinate(null == event ? void 0 : event.y, null == event ? void 0 : event.offsetY, null == event ? void 0 : event.clientY, null == event ? void 0 : event.pageY, null == touch ? void 0 : touch.y, null == touch ? void 0 : touch.offsetY, null == touch ? void 0 : touch.clientY, null == touch ? void 0 : touch.pageY);
+      return null == x || null == y ? null : {
+        x: x,
+        y: y
+      };
+    }
+    function getGlobalLynxRuntime() {
+      try {
+        return "undefined" != typeof lynx ? lynx : void 0;
+      } catch (err) {
+        return;
+      }
+    }
+    function getGlobalSystemPixelRatio() {
+      try {
+        return "undefined" != typeof SystemInfo ? SystemInfo.pixelRatio : void 0;
+      } catch (err) {
+        return;
+      }
+    }
+    function getLynxRuntime(params) {
+      var _a, _b;
+      return null !== (_b = null !== (_a = null == params ? void 0 : params.lynx) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime) && void 0 !== _b ? _b : getGlobalLynxRuntime();
+    }
+    function getLynxPixelRatio(params, runtime) {
+      var _a, _b, _c, _d, _e;
+      return null !== (_e = null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : getGlobalSystemPixelRatio()) && void 0 !== _e ? _e : 1;
+    }
+    function attachLynxCanvasToView(canvas, id) {
+      var _a;
+      return null === (_a = null == canvas ? void 0 : canvas.attachToCanvasView) || void 0 === _a || _a.call(canvas, id), canvas;
+    }
+    function createBoundLynxCanvas(id, runtime) {
+      var _a, _b, _c;
+      if ("function" == typeof (null === (_a = null == runtime ? void 0 : runtime.krypton) || void 0 === _a ? void 0 : _a.createCanvas)) {
+        const canvas = runtime.krypton.createCanvas(id);
+        if (canvas) return canvas;
+      }
+      if ("function" == typeof (null == runtime ? void 0 : runtime.createCanvasNG)) {
+        const canvas = runtime.createCanvasNG(id);
+        if (canvas) return attachLynxCanvasToView(canvas, id);
+      }
+      if ("function" == typeof (null === (_b = null == runtime ? void 0 : runtime.krypton) || void 0 === _b ? void 0 : _b.createCanvasNG)) {
+        const canvas = runtime.krypton.createCanvasNG();
+        if (canvas) return attachLynxCanvasToView(canvas, id);
+      }
+      if ("function" == typeof (null === (_c = null == runtime ? void 0 : runtime.krypton) || void 0 === _c ? void 0 : _c.CanvasElement)) return new runtime.krypton.CanvasElement(id);
+      if ("function" == typeof (null == runtime ? void 0 : runtime.createCanvas)) {
+        const canvas = runtime.createCanvas(id);
+        if (canvas) return canvas;
+      }
+      return null;
+    }
+    function getCanvasSize(domref, width, height) {
+      const resolvedWidth = null != width ? width : null == domref ? void 0 : domref.width,
+        resolvedHeight = null != height ? height : null == domref ? void 0 : domref.height;
+      if (!isValidCoordinate(resolvedWidth) || !isValidCoordinate(resolvedHeight)) throw new Error(LYNX_CANVAS_SIZE_ERROR);
+      return {
+        width: resolvedWidth,
+        height: resolvedHeight
+      };
+    }
+    function wrapLynxNativeCanvas(nativeCanvas, id, width, height, dpr) {
+      nativeCanvas.width = width * dpr, nativeCanvas.height = height * dpr;
+      const ctx = nativeCanvas.getContext("2d");
+      return new CanvasWrapEnableWH(nativeCanvas, ctx, dpr, width, height, id);
+    }
+    function createLynxNativeCanvas(id, width, height, dpr, offscreen, params, runtime) {
+      if (params.canvasFactory) return params.canvasFactory({
+        id: id,
+        width: width,
+        height: height,
+        dpr: dpr,
+        offscreen: offscreen
+      });
+      if (offscreen) {
+        if ("function" == typeof (null == runtime ? void 0 : runtime.createOffscreenCanvas)) return runtime.createOffscreenCanvas();
+      } else {
+        const canvas = createBoundLynxCanvas(id, runtime);
+        if (canvas) return canvas;
+      }
+      throw new Error(LYNX_CANVAS_BRIDGE_ERROR);
+    }
+    function makeUpCanvas$3(params = {}, canvasMap, freeCanvasList) {
+      const runtime = getLynxRuntime(params),
+        {
+          domref: domref,
+          canvasIdLists = [],
+          freeCanvasIdx = 0
+        } = params,
+        offscreen = !!params.offscreen,
+        dpr = getLynxPixelRatio(params, runtime);
       if (canvasIdLists.forEach((id, i) => {
-        let _canvas;
-        offscreen ? _canvas = lynx.createOffscreenCanvas() : (_canvas = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id), ng && _canvas.attachToCanvasView(id)), _canvas.width = domref.width * dpr, _canvas.height = domref.height * dpr;
-        const ctx = _canvas.getContext("2d"),
-          canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, domref.width, domref.height, id);
+        const size = getCanvasSize(domref),
+          canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, offscreen, params, runtime), id, size.width, size.height, dpr);
         canvasMap.set(id, canvas), i > freeCanvasIdx && freeCanvasList.push(canvas);
-      }), !freeCanvasList.length && lynx.createOffscreenCanvas) {
-        const _canvas = lynx.createOffscreenCanvas();
-        _canvas.width = domref.width * dpr, _canvas.height = domref.height * dpr;
+      }), !freeCanvasList.length && domref && "function" == typeof (null == runtime ? void 0 : runtime.createOffscreenCanvas)) {
+        const size = getCanvasSize(domref),
+          _canvas = runtime.createOffscreenCanvas();
+        _canvas.width = size.width * dpr, _canvas.height = size.height * dpr;
         const ctx = _canvas.getContext("2d"),
           id = Math.random().toString(),
-          canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, domref.width, domref.height, id);
+          canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, size.width, size.height, id);
         canvasMap.set(id, canvas), freeCanvasList.push(canvas);
       }
     }
-    function createImageElement(src, isSvg = !1) {
+    function createImageElement(src, isSvg = !1, runtime = getGlobalLynxRuntime()) {
       if (isSvg) return Promise.reject();
-      const img = lynx.createImage(src);
+      if ("function" != typeof (null == runtime ? void 0 : runtime.createImage)) return Promise.reject(new Error("Lynx image bridge is unavailable."));
+      const img = runtime.createImage(src);
       return new Promise((resolve, reject) => {
         img.onload = () => {
           resolve(img);
@@ -29169,8 +29318,8 @@
         }
         this.applyStyles = !0;
       }
-      configure(service, params) {
-        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, !!params.offscreen, params.pixelRatio));
+      configure(service, params = {}) {
+        service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params), makeUpCanvas$3(params, this.canvasMap, this.freeCanvasList));
       }
       getDynamicCanvasCount() {
         return this.freeCanvasList.length;
@@ -29179,7 +29328,7 @@
         return 9999;
       }
       loadImage(url) {
-        return createImageElement(url, !1).then(img => ({
+        return createImageElement(url, !1, this.lynxRuntime).then(img => ({
           data: img,
           loadState: "success"
         })).catch(() => ({
@@ -29188,16 +29337,38 @@
         }));
       }
       loadSvg(url) {
-        return Promise.reject();
+        return Promise.resolve({
+          data: null,
+          loadState: "fail"
+        });
       }
       createCanvas(params) {
+        var _a, _b, _c, _d;
+        if (null != params.id) {
+          const id = String(params.id),
+            existing = this.canvasMap.get(id);
+          if (existing) return existing;
+          const envParams = null !== (_a = this.lynxEnvParams) && void 0 !== _a ? _a : {},
+            runtime = getLynxRuntime(envParams),
+            dpr = null !== (_b = params.dpr) && void 0 !== _b ? _b : getLynxPixelRatio(envParams, runtime),
+            size = getCanvasSize(envParams.domref, params.width, params.height),
+            canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, !1, envParams, runtime), id, size.width, size.height, dpr);
+          return this.canvasMap.set(id, canvas), canvas;
+        }
         const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
-        return this.canvasIdx++, result;
+        if (this.canvasIdx++, result) return result;
+        const envParams = null !== (_c = this.lynxEnvParams) && void 0 !== _c ? _c : {},
+          runtime = getLynxRuntime(envParams),
+          dpr = null !== (_d = params.dpr) && void 0 !== _d ? _d : getLynxPixelRatio(envParams, runtime),
+          size = getCanvasSize(envParams.domref, params.width, params.height),
+          id = Math.random().toString(),
+          canvas = wrapLynxNativeCanvas(createLynxNativeCanvas(id, size.width, size.height, dpr, !0, envParams, runtime), id, size.width, size.height, dpr);
+        return this.canvasMap.set(id, canvas), this.freeCanvasList.push(canvas), canvas;
       }
       createOffscreenCanvas(params) {}
       releaseCanvas(canvas) {}
       getDevicePixelRatio() {
-        return SystemInfo.pixelRatio;
+        return getLynxPixelRatio(void 0, this.lynxRuntime);
       }
       getRequestAnimationFrame() {
         return function (callback) {
@@ -29211,7 +29382,7 @@
       }
       mapToCanvasPoint(event) {
         var _a;
-        return null === (_a = null == event ? void 0 : event.type) || void 0 === _a || _a.startsWith("mouse"), event;
+        return null !== (_a = getLynxEventPoint(event)) && void 0 !== _a ? _a : event;
       }
       addEventListener(type, listener, options) {
         return null;
@@ -29968,6 +30139,16 @@
         this.cache = {};
       }
     }
+    function setMiniAppEventTarget(event, key, value) {
+      if (event && value) try {
+        event[key] = value;
+      } catch (_a) {
+        Object.defineProperty(event, key, {
+          configurable: !0,
+          value: value
+        });
+      }
+    }
     class WxWindowHandlerContribution extends BaseWindowHandlerContribution {
       get container() {
         return null;
@@ -30049,13 +30230,15 @@
         this.eventManager.removeEventListener(type, listener);
       }
       dispatchEvent(event) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const {
           type: type
         } = event;
-        return !!this.eventManager.cache[type] && (event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = null !== (_a = event.changedTouches[0].x) && void 0 !== _a ? _a : event.changedTouches[0].pageX, event.changedTouches[0].clientX = null !== (_b = event.changedTouches[0].x) && void 0 !== _b ? _b : event.changedTouches[0].pageX, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = null !== (_c = event.changedTouches[0].y) && void 0 !== _c ? _c : event.changedTouches[0].pageY, event.changedTouches[0].clientY = null !== (_d = event.changedTouches[0].y) && void 0 !== _d ? _d : event.changedTouches[0].pageY), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
+        if (!this.eventManager.cache[type]) return !1;
+        const nativeCanvas = null === (_a = this.canvas) || void 0 === _a ? void 0 : _a.nativeCanvas;
+        return setMiniAppEventTarget(event, "target", nativeCanvas), setMiniAppEventTarget(event, "currentTarget", nativeCanvas), event.changedTouches && event.changedTouches[0] && (event.offsetX = event.changedTouches[0].x, event.changedTouches[0].offsetX = null !== (_b = event.changedTouches[0].x) && void 0 !== _b ? _b : event.changedTouches[0].pageX, event.changedTouches[0].clientX = null !== (_c = event.changedTouches[0].x) && void 0 !== _c ? _c : event.changedTouches[0].pageX, event.offsetY = event.changedTouches[0].y, event.changedTouches[0].offsetY = null !== (_d = event.changedTouches[0].y) && void 0 !== _d ? _d : event.changedTouches[0].pageY, event.changedTouches[0].clientY = null !== (_e = event.changedTouches[0].y) && void 0 !== _e ? _e : event.changedTouches[0].pageY), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach(f => {
           f(event);
-        }), !0);
+        }), !0;
       }
       getStyle() {
         return {};
@@ -30153,7 +30336,10 @@
         });
       }
       loadSvg(url) {
-        return Promise.reject();
+        return Promise.resolve({
+          data: null,
+          loadState: "fail"
+        });
       }
       createCanvas(params) {
         const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
@@ -53166,15 +53352,16 @@
     loadBrushComponent();
     class Brush extends AbstractComponent {
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, Brush.defaultAttributes, attributes)), this.name = "brush", this._activeBrushState = !1, this._activeDrawState = !1, this._cacheDrawPoints = [], this._activeMoveState = !1, this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [-1 / 0, 1 / 0], this._operatingMaskMoveRangeY = [-1 / 0, 1 / 0], this._brushMaskAABBBoundsDict = {}, this._firstUpdate = !0, this._onBrushStart = e => {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, Brush.defaultAttributes, attributes)), this.name = "brush", this._activeBrushState = !1, this._activeDrawState = !1, this._cacheDrawPoints = [], this._activeMoveState = !1, this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [-1 / 0, 1 / 0], this._operatingMaskMoveRangeY = [-1 / 0, 1 / 0], this._brushEventStage = null, this._brushMaskAABBBoundsDict = {}, this._firstUpdate = !0, this._onBrushStart = e => {
           if (!1 === this.attribute.interactive) return;
           if (!1 === this._beforeBrushEvent(e)) return;
           const {
-            updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
-            endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
-            brushMoved = !0
-          } = this.attribute;
-          array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), e.stopPropagation(), this._firstUpdate = !0, this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, this._startPos = this.eventPosToStagePos(e), this._cacheDrawPoints = [this._startPos];
+              updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
+              endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
+              brushMoved = !0
+            } = this.attribute,
+            stage = this.stage;
+          stage && (array(updateTrigger).forEach(t => stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => stage.addEventListener(t, this._onBrushEnd)), e.stopPropagation(), this._firstUpdate = !0, this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, this._startPos = this.eventPosToStagePos(e), this._cacheDrawPoints = [this._startPos]);
         }, this._onBrushing = e => {
           !1 !== this.attribute.interactive && !1 !== this._beforeBrushEvent(e) && (this._outOfInteractiveRange(e) || (e.stopPropagation(), this._firstUpdate ? (this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e), this._firstUpdate = !1) : (this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e))));
         }, this._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
@@ -53185,11 +53372,14 @@
       }
       _bindBrushEvents() {
         if (this.releaseBrushEvents(), this.attribute.disableTriggerEvent) return;
+        const stage = this.stage;
+        if (!stage) return;
+        this._brushEventStage = stage;
         const {
           trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger,
           resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
         } = this.attribute;
-        array(trigger).forEach(t => this.stage.addEventListener(t, this._onBrushStart)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
+        array(trigger).forEach(t => stage.addEventListener(t, this._onBrushStart)), array(resetTrigger).forEach(t => stage.addEventListener(t, this._onBrushClear));
       }
       _initDraw(e) {
         if (!1 === this.attribute.interactive) return;
@@ -53290,19 +53480,30 @@
         const group = this.createOrUpdateChild("brush-container", {}, "group");
         this._container = group;
       }
+      setStage(stage, layer) {
+        this._brushEventStage && this._brushEventStage !== stage && this.releaseBrushEvents(), super.setStage(stage, layer);
+      }
+      release(all) {
+        this.releaseBrushEvents(), super.release(all);
+      }
       releaseBrushEvents() {
+        var _a;
+        const stage = null !== (_a = this._brushEventStage) && void 0 !== _a ? _a : this.stage;
+        if (!stage) return;
         const {
           trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger,
           resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
         } = this.attribute;
-        array(trigger).forEach(t => this.stage.removeEventListener(t, this._onBrushStart)), array(resetTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushClear)), this._releaseBrushUpdateEvents();
+        array(trigger).forEach(t => stage.removeEventListener(t, this._onBrushStart)), array(resetTrigger).forEach(t => stage.removeEventListener(t, this._onBrushClear)), this._releaseBrushUpdateEvents(stage), this._brushEventStage = null;
       }
-      _releaseBrushUpdateEvents() {
+      _releaseBrushUpdateEvents(stage) {
+        var _a;
+        if (void 0 === stage && (stage = null !== (_a = this._brushEventStage) && void 0 !== _a ? _a : this.stage), !stage) return;
         const {
           updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
           endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger
         } = this.attribute;
-        array(updateTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushEnd));
+        array(updateTrigger).forEach(t => stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => stage.removeEventListener(t, this._onBrushEnd));
       }
       _computeMaskPoints() {
         const {
@@ -55763,6 +55964,141 @@
         return bootstrapVRenderNodeApp(createNodeApp(entryOptions), envParams);
     }
 
+    const SHARED_APP_REGISTRY_KEY = Symbol.for('visactor.vrender.sharedAppRegistry');
+    const DEFAULT_SHARED_APP_KEY = 'default';
+    function getSharedAppRegistry() {
+        var _a;
+        const target = globalThis;
+        const registry = (_a = target[SHARED_APP_REGISTRY_KEY]) !== null && _a !== void 0 ? _a : new Map();
+        target[SHARED_APP_REGISTRY_KEY] = registry;
+        return registry;
+    }
+    function getSharedAppEnvRegistry(env, create) {
+        const registry = getSharedAppRegistry();
+        const envRegistry = registry.get(env);
+        if (envRegistry || !create) {
+            return envRegistry;
+        }
+        const nextEnvRegistry = new Map();
+        registry.set(env, nextEnvRegistry);
+        return nextEnvRegistry;
+    }
+    function getOrCreateSharedAppEnvRegistry(env) {
+        return getSharedAppEnvRegistry(env, true);
+    }
+    function removeSharedAppRecord(env, key, record) {
+        const registry = getSharedAppRegistry();
+        const envRegistry = registry.get(env);
+        if ((envRegistry === null || envRegistry === void 0 ? void 0 : envRegistry.get(key)) === record) {
+            envRegistry.delete(key);
+            if (!envRegistry.size) {
+                registry.delete(env);
+            }
+        }
+    }
+    function releaseSharedAppRecord(env, key, record) {
+        if (record.released) {
+            return;
+        }
+        record.released = true;
+        record.refCount = 0;
+        removeSharedAppRecord(env, key, record);
+        record.releaseApp();
+    }
+    function createAppForSharedEnv(options) {
+        const { env } = options;
+        const entryOptions = Object.assign({}, options);
+        delete entryOptions.env;
+        delete entryOptions.key;
+        if (env === 'browser') {
+            return createBrowserVRenderApp(entryOptions);
+        }
+        if (env === 'node') {
+            return createNodeVRenderApp(entryOptions);
+        }
+        if (env === 'taro') {
+            return createTaroVRenderApp(entryOptions);
+        }
+        if (env === 'feishu') {
+            return createFeishuVRenderApp(entryOptions);
+        }
+        if (env === 'tt') {
+            return createTTVRenderApp(entryOptions);
+        }
+        if (env === 'wx') {
+            return createWxVRenderApp(entryOptions);
+        }
+        if (env === 'lynx') {
+            return createLynxVRenderApp(entryOptions);
+        }
+        return createHarmonyVRenderApp(entryOptions);
+    }
+    function createSharedAppRecord(env, key, options) {
+        const app = createAppForSharedEnv(options);
+        const originalRelease = app.release.bind(app);
+        const record = {
+            app,
+            refCount: 0,
+            released: false,
+            releaseApp: originalRelease
+        };
+        app.release = () => releaseSharedAppRecord(env, key, record);
+        return record;
+    }
+    function createSharedAppHandle(env, key, record) {
+        let released = false;
+        return {
+            app: record.app,
+            env,
+            key,
+            release() {
+                if (released) {
+                    return;
+                }
+                released = true;
+                const envRegistry = getSharedAppEnvRegistry(env, false);
+                if ((envRegistry === null || envRegistry === void 0 ? void 0 : envRegistry.get(key)) !== record || record.released) {
+                    return;
+                }
+                record.refCount -= 1;
+                if (record.refCount <= 0) {
+                    releaseSharedAppRecord(env, key, record);
+                }
+            }
+        };
+    }
+    function acquireSharedVRenderApp(options) {
+        var _a;
+        const key = (_a = options.key) !== null && _a !== void 0 ? _a : DEFAULT_SHARED_APP_KEY;
+        const envRegistry = getOrCreateSharedAppEnvRegistry(options.env);
+        let record = envRegistry.get(key);
+        if (record === null || record === void 0 ? void 0 : record.app.released) {
+            releaseSharedAppRecord(options.env, key, record);
+            record = undefined;
+        }
+        if (!record) {
+            record = createSharedAppRecord(options.env, key, options);
+            envRegistry.set(key, record);
+        }
+        record.refCount += 1;
+        return createSharedAppHandle(options.env, key, record);
+    }
+    function getSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+        var _a;
+        const record = (_a = getSharedAppEnvRegistry(env, false)) === null || _a === void 0 ? void 0 : _a.get(key);
+        if (!record || record.released || record.app.released) {
+            return null;
+        }
+        return record.app;
+    }
+    function releaseSharedVRenderApp(env, key = DEFAULT_SHARED_APP_KEY) {
+        var _a;
+        const record = (_a = getSharedAppEnvRegistry(env, false)) === null || _a === void 0 ? void 0 : _a.get(key);
+        if (record) {
+            releaseSharedAppRecord(env, key, record);
+        }
+    }
+
     let browserApp;
     let nodeApp;
     function resolveLegacyApp() {
@@ -55777,7 +56113,7 @@
         return resolveLegacyApp().createStage(params);
     }
 
-    const version = "1.1.0-alpha.21";
+    const version = "1.1.0-alpha.22";
 
     exports.AComponentAnimate = AComponentAnimate;
     exports.ACustomAnimate = ACustomAnimate;
@@ -56249,6 +56585,7 @@
     exports._calculateLineHeight = _calculateLineHeight;
     exports._interpolateColor = _interpolateColor;
     exports._registerArc = _registerArc;
+    exports.acquireSharedVRenderApp = acquireSharedVRenderApp;
     exports.addArcToBezierPath = addArcToBezierPath$1;
     exports.addAttributeToPrototype = addAttributeToPrototype;
     exports.alignBezierCurves = alignBezierCurves;
@@ -56500,6 +56837,7 @@
     exports.getRuntimeInstallerBindingContext = getRuntimeInstallerBindingContext;
     exports.getRuntimeInstallerGlobal = getRuntimeInstallerGlobal;
     exports.getScaledStroke = getScaledStroke;
+    exports.getSharedVRenderApp = getSharedVRenderApp;
     exports.getSizeHandlerPath = getSizeHandlerPath;
     exports.getTextAlignAttrOfVerticalDir = getTextAlignAttrOfVerticalDir;
     exports.getTextBounds = getTextBounds;
@@ -56685,6 +57023,7 @@
     exports.registerWindowEventTransformer = registerWindowEventTransformer;
     exports.registerWrapText = registerWrapText;
     exports.registerWrapTextGraphic = registerWrapTextGraphic;
+    exports.releaseSharedVRenderApp = releaseSharedVRenderApp;
     exports.removeRepeatPoint = removeRepeatPoint;
     exports.renderCommandList = renderCommandList;
     exports.resolveBackgroundDrawMode = resolveBackgroundDrawMode;