@visactor/vrender-core 0.21.12-alpha.1 → 0.21.12-alpha.3

package/cjs/animate/animate.js

@@ -400,4 +400,4 @@ class Step {
         return null;
     }
 }
-//# sourceMappingURL=animate.js.map
+//# sourceMappingURL=animate.js.map

package/cjs/animate/config.js

@@ -10,4 +10,4 @@ exports.DefaultStateAnimateConfig = {
     duration: 1e3,
     easing: "quadInOut"
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/cjs/animate/custom-animate.js

@@ -730,4 +730,4 @@ class AnimateGroup1 extends animate_1.ACustomAnimate {
 }
 
 exports.AnimateGroup1 = AnimateGroup1;
-//# sourceMappingURL=custom-animate.js.map
+//# sourceMappingURL=custom-animate.js.map

package/cjs/animate/default-ticker.js

@@ -11,4 +11,4 @@ exports.defaultTicker = new default_ticker_1.DefaultTicker, exports.defaultTicke
 const TICKER_FPS = 60;
 
 exports.defaultTicker.setFPS(60);
-//# sourceMappingURL=default-ticker.js.map
+//# sourceMappingURL=default-ticker.js.map

package/cjs/animate/easing.js

@@ -115,4 +115,4 @@ Easing.quintIn = Easing.getPowIn(5), Easing.quintOut = Easing.getPowOut(5), Easi
 Easing.backIn = Easing.getBackIn(1.7), Easing.backOut = Easing.getBackOut(1.7), 
 Easing.backInOut = Easing.getBackInOut(1.7), Easing.elasticIn = Easing.getElasticIn(1, .3), 
 Easing.elasticOut = Easing.getElasticOut(1, .3), Easing.elasticInOut = Easing.getElasticInOut(1, .3 * 1.5);
-//# sourceMappingURL=easing.js.map
+//# sourceMappingURL=easing.js.map

package/cjs/animate/group-fade.js

@@ -63,4 +63,4 @@ class GroupFadeOut extends animate_1.ACustomAnimate {
 }
 
 exports.GroupFadeOut = GroupFadeOut;
-//# sourceMappingURL=group-fade.js.map
+//# sourceMappingURL=group-fade.js.map

package/cjs/animate/index.js

@@ -21,4 +21,4 @@ Object.defineProperty(exports, "__esModule", {
 __exportStar(require("./config"), exports), __exportStar(require("./custom-animate"), exports), 
 __exportStar(require("./morphing"), exports), __exportStar(require("./timeline"), exports), 
 __exportStar(require("./group-fade"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/animate/morphing.js

@@ -288,5 +288,4 @@ const multiToOneMorph = (fromGraphics, toGraphic, animationConfig) => {
     }
 };
 
-exports.multiToOneMorph = multiToOneMorph;
-//# sourceMappingURL=morphing.js.map
+exports.multiToOneMorph = multiToOneMorph;

package/cjs/animate/timeline.js

@@ -43,4 +43,4 @@ class DefaultTimeline {
 }
 
 exports.DefaultTimeline = DefaultTimeline, exports.defaultTimeline = new DefaultTimeline;
-//# sourceMappingURL=timeline.js.map
+//# sourceMappingURL=timeline.js.map

package/cjs/canvas/empty-context.js

@@ -209,4 +209,5 @@ let EmptyContext2d = class {
 };
 
 EmptyContext2d = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", [ Object, Number ]) ], EmptyContext2d), 
-exports.EmptyContext2d = EmptyContext2d;
+exports.EmptyContext2d = EmptyContext2d;
+//# sourceMappingURL=empty-context.js.map

package/cjs/color-string/store.js

@@ -50,4 +50,5 @@ class ColorStore {
     }
 }
 
-exports.ColorStore = ColorStore, ColorStore.store255 = {}, ColorStore.store1 = {};
+exports.ColorStore = ColorStore, ColorStore.store255 = {}, ColorStore.store1 = {};
+//# sourceMappingURL=store.js.map

package/cjs/common/bounds-context.js

@@ -56,5 +56,4 @@ class BoundsContext {
     release(...params) {}
 }
 
-exports.BoundsContext = BoundsContext;
-//# sourceMappingURL=bounds-context.js.map
+exports.BoundsContext = BoundsContext;

package/cjs/common/morphing-utils.js

@@ -292,4 +292,4 @@ function bezierCurversToPath(bezierCurves) {
 
 exports.pathToBezierCurves = pathToBezierCurves, exports.applyTransformOnBezierCurves = applyTransformOnBezierCurves, 
 exports.bezierCurversToPath = bezierCurversToPath;
-//# sourceMappingURL=morphing-utils.js.map
+//# sourceMappingURL=morphing-utils.js.map

package/cjs/common/path-svg.js

@@ -61,4 +61,4 @@ exports.enumCommandMap = {
     Q: 7,
     R: 8
 }, exports.parseSvgPath = parseSvgPath;
-//# sourceMappingURL=path-svg.js.map
+//# sourceMappingURL=path-svg.js.map

package/cjs/common/polygon.js

@@ -42,4 +42,5 @@ function getProportionPoint(point, segment, length, dx, dy) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.drawRoundedPolygon = exports.drawPolygon = void 0, exports.drawPolygon = drawPolygon, 
-exports.drawRoundedPolygon = drawRoundedPolygon;
+exports.drawRoundedPolygon = drawRoundedPolygon;
+//# sourceMappingURL=polygon.js.map

package/cjs/common/rect-utils.js

@@ -24,4 +24,4 @@ const vutils_1 = require("@visactor/vutils"), normalizeRectAttributes = attribut
 };
 
 exports.normalizeRectAttributes = normalizeRectAttributes;
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/cjs/common/render-area.js

@@ -61,5 +61,5 @@ function drawAreaBlock(path, topList, bottomList, params) {
     path.closePath();
 }
 
+exports.drawAreaSegments = drawAreaSegments;
 //# sourceMappingURL=render-area.js.map
-exports.drawAreaSegments = drawAreaSegments;

package/cjs/common/render-command-list.js

@@ -14,4 +14,4 @@ function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z
 }
 
 exports.renderCommandList = renderCommandList;
-//# sourceMappingURL=render-command-list.js.map
+//# sourceMappingURL=render-command-list.js.map

package/cjs/common/render-curve.js

@@ -99,4 +99,4 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
 
 exports.drawSegments = drawSegments, exports.drawIncrementalSegments = drawIncrementalSegments, 
 exports.drawIncrementalAreaSegments = drawIncrementalAreaSegments;
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/cjs/common/render-utils.js

@@ -19,4 +19,4 @@ function drawSegItem(ctx, curve, endPercent, params) {
 }
 
 exports.drawSegItem = drawSegItem;
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/cjs/common/seg-context.js

@@ -95,4 +95,4 @@ class ReflectSegContext extends SegContext {
 }
 
 exports.ReflectSegContext = ReflectSegContext;
-//# sourceMappingURL=seg-context.js.map
+//# sourceMappingURL=seg-context.js.map

package/cjs/common/simplify.js

@@ -36,4 +36,4 @@ function flatten_simplify(points, tolerance, highestQuality) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.flatten_simplify = void 0, exports.flatten_simplify = flatten_simplify;
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/cjs/common/sort.js

@@ -101,4 +101,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.findNextGraphic = exports.foreachAsync = exports.foreach = void 0, exports.foreach = foreach, 
 exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/cjs/common/split-path.js

@@ -269,4 +269,4 @@ const splitPath = (path, count) => {
 };
 
 exports.splitPath = splitPath;
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/cjs/common/store.js

@@ -1,2 +1,2 @@
 class StageStore {}
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/cjs/common/text.js

@@ -34,4 +34,4 @@ function textAttributesToStyle(attrs) {
 
 exports.textDrawOffsetY = textDrawOffsetY, exports.textDrawOffsetX = textDrawOffsetX, 
 exports.textLayoutOffsetY = textLayoutOffsetY, exports.textAttributesToStyle = textAttributesToStyle;
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/cjs/common/utils.js

@@ -167,4 +167,4 @@ const calculateLineHeight = (lineHeight, fontSize) => {
 };
 
 exports.calculateLineHeight = calculateLineHeight;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/cjs/core/application.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.ApplicationContribution = void 0, exports.ApplicationContribution = Symbol("ApplicationContribution");
-//# sourceMappingURL=application.js.map
+}), exports.ApplicationContribution = void 0, exports.ApplicationContribution = Symbol("ApplicationContribution");

package/cjs/core/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./layer"), exports), __exportStar(require("./stage"), expo
 __exportStar(require("./graphic-utils"), exports), __exportStar(require("./contributions"), exports), 
 __exportStar(require("./layer-service"), exports), __exportStar(require("./constants"), exports), 
 __exportStar(require("../interface/core"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/core/layer-service.js

@@ -80,4 +80,4 @@ let DefaultLayerService = DefaultLayerService_1 = class {
 DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_count = 0, 
 DefaultLayerService = DefaultLayerService_1 = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", []) ], DefaultLayerService), 
 exports.DefaultLayerService = DefaultLayerService;
-//# sourceMappingURL=layer-service.js.map
+//# sourceMappingURL=layer-service.js.map

package/cjs/core/layer.js

@@ -116,4 +116,4 @@ class Layer extends group_1.Group {
 }
 
 exports.Layer = Layer;
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/cjs/core/light.js

@@ -29,4 +29,4 @@ const registerDirectionalLight = () => {
 };
 
 exports.registerDirectionalLight = registerDirectionalLight;
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/cjs/core/stage.js

@@ -516,4 +516,4 @@ class Stage extends group_1.Group {
 }
 
 exports.Stage = Stage;
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/cjs/core/window.js

@@ -153,4 +153,4 @@ let DefaultWindow = class {
 
 DefaultWindow = __decorate([ (0, inversify_lite_1.injectable)(), __metadata("design:paramtypes", []) ], DefaultWindow), 
 exports.DefaultWindow = DefaultWindow;
-//# sourceMappingURL=window.js.map
+//# sourceMappingURL=window.js.map

package/cjs/plugins/builtin-plugin/auto-refresh-plugin.d.ts

@@ -7,6 +7,7 @@ export declare class AutoRefreshPlugin implements IPlugin {
     key: string;
     dpr: number;
     rafId: number;
+    autoRefreshCbs?: (() => void)[];
     handleChange: (graphic: IGraphic) => void;
     activate(context: IPluginService): void;
     refresh(): void;

package/cjs/plugins/builtin-plugin/auto-refresh-plugin.js

@@ -31,16 +31,22 @@ class AutoRefreshPlugin {
         try {
             const mqString = `(resolution: ${window.devicePixelRatio}dppx)`, updatePixelRatio = () => {
                 window.devicePixelRatio !== this.dpr && (this.dpr = window.devicePixelRatio, this.pluginService.stage.setDpr(this.dpr, !0));
-            };
-            matchMedia(mqString).addEventListener("change", updatePixelRatio);
+            }, dom = matchMedia(mqString);
+            dom && dom.addEventListener("change", updatePixelRatio), this.autoRefreshCbs || (this.autoRefreshCbs = []), 
+            this.autoRefreshCbs.push((() => {
+                dom && dom.removeEventListener("change", updatePixelRatio);
+            }));
         } catch (err) {
             return !1;
         }
         return !0;
     }
     deactivate(context) {
+        var _a;
         const craf = application_1.application.global.getCancelAnimationFrame();
-        craf && this.rafId && craf(this.rafId);
+        craf && this.rafId && craf(this.rafId), null === (_a = this.autoRefreshCbs) || void 0 === _a || _a.forEach((cb => {
+            cb();
+        })), this.autoRefreshCbs = void 0;
     }
 }
 

package/cjs/plugins/builtin-plugin/auto-refresh-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugins/builtin-plugin/auto-refresh-plugin.ts"],"names":[],"mappings":";;;AAAA,sDAAmD;AACnD,mDAAgD;AAGhD,MAAa,iBAAiB;IAA9B;QACE,SAAI,GAAwB,mBAAmB,CAAC;QAChD,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,qBAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAIpC,iBAAY,GAAG,CAAC,OAAiB,EAAE,EAAE;YACnC,IAAI,OAAO,CAAC,SAAS,EAAE;gBACrB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC;aAC7B;YACD,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE;gBACvE,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;aACjC;QACH,CAAC,CAAC;IA4CJ,CAAC;IA1CC,QAAQ,CAAC,OAAuB;QAC9B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,yBAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE;YAChC,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IACS,aAAa;QACrB,MAAM,GAAG,GAAG,yBAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;QAC1D,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE;YACpB,IAAI,yBAAW,CAAC,MAAM,CAAC,gBAAgB,KAAK,IAAI,CAAC,GAAG,EAAE;gBACpD,IAAI,CAAC,GAAG,GAAG,yBAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBAC/C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;aACjD;YACD,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IACS,oBAAoB;QAC5B,IAAI;YACF,MAAM,QAAQ,GAAG,gBAAgB,MAAM,CAAC,gBAAgB,OAAO,CAAC;YAEhE,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC5B,IAAI,MAAM,CAAC,gBAAgB,KAAK,IAAI,CAAC,GAAG,EAAE;oBACxC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;oBACnC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;iBACjD;YACH,CAAC,CAAC;YAEF,UAAU,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;SACnE;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,CAAC,OAAuB;QAChC,MAAM,IAAI,GAAG,yBAAW,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC;QAC1D,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;CACF;AA5DD,8CA4DC","file":"auto-refresh-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport { application } from '../../application';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\n\nexport class AutoRefreshPlugin implements IPlugin {\n  name: 'AutoRefreshPlugin' = 'AutoRefreshPlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  dpr: number;\n  rafId: number;\n\n  handleChange = (graphic: IGraphic) => {\n    if (graphic.glyphHost) {\n      graphic = graphic.glyphHost;\n    }\n    if (graphic.stage === this.pluginService.stage && graphic.stage != null) {\n      graphic.stage.renderNextFrame();\n    }\n  };\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    this.dpr = application.global.devicePixelRatio;\n    this.refresh();\n  }\n\n  refresh() {\n    if (!this._refreshByMediaQuery()) {\n      this._refreshByRaf();\n    }\n  }\n  protected _refreshByRaf() {\n    const raf = application.global.getRequestAnimationFrame();\n    this.rafId = raf(() => {\n      if (application.global.devicePixelRatio !== this.dpr) {\n        this.dpr = application.global.devicePixelRatio;\n        this.pluginService.stage.setDpr(this.dpr, true);\n      }\n      this.refresh();\n    });\n  }\n  protected _refreshByMediaQuery() {\n    try {\n      const mqString = `(resolution: ${window.devicePixelRatio}dppx)`;\n\n      const updatePixelRatio = () => {\n        if (window.devicePixelRatio !== this.dpr) {\n          this.dpr = window.devicePixelRatio;\n          this.pluginService.stage.setDpr(this.dpr, true);\n        }\n      };\n\n      matchMedia(mqString).addEventListener('change', updatePixelRatio);\n    } catch (err) {\n      return false;\n    }\n    return true;\n  }\n  deactivate(context: IPluginService): void {\n    const craf = application.global.getCancelAnimationFrame();\n    craf && this.rafId && craf(this.rafId);\n  }\n}\n"]}
+{"version":3,"sources":["../src/plugins/builtin-plugin/auto-refresh-plugin.ts"],"names":[],"mappings":"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","file":"auto-refresh-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport { application } from '../../application';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\n\nexport class AutoRefreshPlugin implements IPlugin {\n  name: 'AutoRefreshPlugin' = 'AutoRefreshPlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  dpr: number;\n  rafId: number;\n  autoRefreshCbs?: (() => void)[];\n\n  handleChange = (graphic: IGraphic) => {\n    if (graphic.glyphHost) {\n      graphic = graphic.glyphHost;\n    }\n    if (graphic.stage === this.pluginService.stage && graphic.stage != null) {\n      graphic.stage.renderNextFrame();\n    }\n  };\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    this.dpr = application.global.devicePixelRatio;\n    this.refresh();\n  }\n\n  refresh() {\n    if (!this._refreshByMediaQuery()) {\n      this._refreshByRaf();\n    }\n  }\n  protected _refreshByRaf() {\n    const raf = application.global.getRequestAnimationFrame();\n    this.rafId = raf(() => {\n      if (application.global.devicePixelRatio !== this.dpr) {\n        this.dpr = application.global.devicePixelRatio;\n        this.pluginService.stage.setDpr(this.dpr, true);\n      }\n      this.refresh();\n    });\n  }\n  protected _refreshByMediaQuery() {\n    try {\n      const mqString = `(resolution: ${window.devicePixelRatio}dppx)`;\n\n      const updatePixelRatio = () => {\n        if (window.devicePixelRatio !== this.dpr) {\n          this.dpr = window.devicePixelRatio;\n          this.pluginService.stage.setDpr(this.dpr, true);\n        }\n      };\n      const dom = matchMedia(mqString);\n      dom && dom.addEventListener('change', updatePixelRatio);\n      if (!this.autoRefreshCbs) {\n        this.autoRefreshCbs = [];\n      }\n      this.autoRefreshCbs.push(() => {\n        dom && dom.removeEventListener('change', updatePixelRatio);\n      });\n    } catch (err) {\n      return false;\n    }\n    return true;\n  }\n  deactivate(context: IPluginService): void {\n    const craf = application.global.getCancelAnimationFrame();\n    craf && this.rafId && craf(this.rafId);\n    this.autoRefreshCbs?.forEach(cb => {\n      cb();\n    });\n    this.autoRefreshCbs = undefined;\n  }\n}\n"]}

package/dist/index.es.js

@@ -24197,7 +24197,14 @@ class AutoRefreshPlugin {
                     this.pluginService.stage.setDpr(this.dpr, true);
                 }
             };
-            matchMedia(mqString).addEventListener('change', updatePixelRatio);
+            const dom = matchMedia(mqString);
+            dom && dom.addEventListener('change', updatePixelRatio);
+            if (!this.autoRefreshCbs) {
+                this.autoRefreshCbs = [];
+            }
+            this.autoRefreshCbs.push(() => {
+                dom && dom.removeEventListener('change', updatePixelRatio);
+            });
         }
         catch (err) {
             return false;
@@ -24205,8 +24212,13 @@ class AutoRefreshPlugin {
         return true;
     }
     deactivate(context) {
+        var _a;
         const craf = application.global.getCancelAnimationFrame();
         craf && this.rafId && craf(this.rafId);
+        (_a = this.autoRefreshCbs) === null || _a === void 0 ? void 0 : _a.forEach(cb => {
+            cb();
+        });
+        this.autoRefreshCbs = undefined;
     }
 }
 

package/es/animate/animate.js

@@ -395,4 +395,4 @@ class Step {
         return null;
     }
 }
-//# sourceMappingURL=animate.js.map
+//# sourceMappingURL=animate.js.map

package/es/animate/config.js

@@ -7,4 +7,4 @@ export const DefaultMorphingAnimateConfig = {
     duration: 1e3,
     easing: "quadInOut"
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/es/animate/custom-animate.js

@@ -707,4 +707,4 @@ export class AnimateGroup1 extends ACustomAnimate {
         })), this.updating = !1);
     }
 }
-//# sourceMappingURL=custom-animate.js.map
+//# sourceMappingURL=custom-animate.js.map

package/es/animate/default-ticker.js

@@ -9,4 +9,4 @@ defaultTicker.addTimeline(defaultTimeline);
 const TICKER_FPS = 60;
 
 defaultTicker.setFPS(60);
-//# sourceMappingURL=default-ticker.js.map
+//# sourceMappingURL=default-ticker.js.map

package/es/animate/easing.js

@@ -108,4 +108,4 @@ Easing.quintIn = Easing.getPowIn(5), Easing.quintOut = Easing.getPowOut(5), Easi
 Easing.backIn = Easing.getBackIn(1.7), Easing.backOut = Easing.getBackOut(1.7), 
 Easing.backInOut = Easing.getBackInOut(1.7), Easing.elasticIn = Easing.getElasticIn(1, .3), 
 Easing.elasticOut = Easing.getElasticOut(1, .3), Easing.elasticInOut = Easing.getElasticInOut(1, .3 * 1.5);
-//# sourceMappingURL=easing.js.map
+//# sourceMappingURL=easing.js.map

package/es/animate/group-fade.js

@@ -53,4 +53,4 @@ export class GroupFadeOut extends ACustomAnimate {
         });
     }
 }
-//# sourceMappingURL=group-fade.js.map
+//# sourceMappingURL=group-fade.js.map

package/es/animate/index.js

@@ -11,4 +11,4 @@ export * from "./morphing";
 export * from "./timeline";
 
 export * from "./group-fade";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/animate/morphing.js

@@ -291,5 +291,4 @@ export const multiToOneMorph = (fromGraphics, toGraphic, animationConfig) => {
             otherAttrs: otherAttrs
         }, null !== (_b = null == animationConfig ? void 0 : animationConfig.duration) && void 0 !== _b ? _b : DefaultMorphingAnimateConfig.duration, null !== (_c = null == animationConfig ? void 0 : animationConfig.easing) && void 0 !== _c ? _c : DefaultMorphingAnimateConfig.easing));
     }
-};
-//# sourceMappingURL=morphing.js.map
+};

package/es/animate/timeline.js

@@ -39,4 +39,4 @@ export class DefaultTimeline {
 }
 
 export const defaultTimeline = new DefaultTimeline;
-//# sourceMappingURL=timeline.js.map
+//# sourceMappingURL=timeline.js.map

package/es/canvas/empty-context.js

@@ -215,4 +215,5 @@ let EmptyContext2d = class {
 
 EmptyContext2d = __decorate([ injectable(), __metadata("design:paramtypes", [ Object, Number ]) ], EmptyContext2d);
 
-export { EmptyContext2d };
+export { EmptyContext2d };
+//# sourceMappingURL=empty-context.js.map

package/es/color-string/store.js

@@ -44,4 +44,5 @@ export class ColorStore {
     }
 }
 
-ColorStore.store255 = {}, ColorStore.store1 = {};
+ColorStore.store255 = {}, ColorStore.store1 = {};
+//# sourceMappingURL=store.js.map

package/es/common/bounds-context.js

@@ -49,5 +49,4 @@ export class BoundsContext {
         this.bounds.clear();
     }
     release(...params) {}
-}
-//# sourceMappingURL=bounds-context.js.map
+}

package/es/common/morphing-utils.js

@@ -284,4 +284,4 @@ export function bezierCurversToPath(bezierCurves) {
     }
     return path;
 }
-//# sourceMappingURL=morphing-utils.js.map
+//# sourceMappingURL=morphing-utils.js.map

package/es/common/path-svg.js

@@ -55,4 +55,4 @@ export function parseSvgPath(str) {
     } else result.push(currCommandData);
     return result;
 }
-//# sourceMappingURL=path-svg.js.map
+//# sourceMappingURL=path-svg.js.map

package/es/common/polygon.js

@@ -35,4 +35,5 @@ function getProportionPoint(point, segment, length, dx, dy) {
         x: point.x - dx * factor,
         y: point.y - dy * factor
     };
-}
+}
+//# sourceMappingURL=polygon.js.map

package/es/common/rect-utils.js

@@ -17,4 +17,4 @@ export const normalizeRectAttributes = attribute => {
         height: height
     };
 };
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/es/common/render-area.js

@@ -61,4 +61,4 @@ function drawAreaBlock(path, topList, bottomList, params) {
     }
     path.closePath();
 }
-//# sourceMappingURL=render-area.js.map
+//# sourceMappingURL=render-area.js.map

package/es/common/render-command-list.js

@@ -6,4 +6,4 @@ export function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy
         commandFuncs[command[0]](command, context, x, y, sx, sy, z);
     }
 }
-//# sourceMappingURL=render-command-list.js.map
+//# sourceMappingURL=render-command-list.js.map

package/es/common/render-curve.js

@@ -93,4 +93,4 @@ export function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
         path.closePath();
     }));
 }
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/es/common/render-utils.js

@@ -11,4 +11,4 @@ export function drawSegItem(ctx, curve, endPercent, params) {
         ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
     }
 }
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/es/common/seg-context.js

@@ -91,4 +91,4 @@ export class ReflectSegContext extends SegContext {
         return super.clear();
     }
 }
-//# sourceMappingURL=seg-context.js.map
+//# sourceMappingURL=seg-context.js.map

package/es/common/simplify.js

@@ -30,4 +30,4 @@ export function flatten_simplify(points, tolerance, highestQuality) {
     if (points.length <= 10) return points;
     return points = highestQuality ? points : simplifyRadialDist(points, void 0 !== tolerance ? tolerance * tolerance : 1);
 }
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/es/common/sort.js

@@ -94,4 +94,4 @@ export function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
     !1)), reverse);
     return result;
 }
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/es/common/split-path.js

@@ -248,4 +248,4 @@ export const splitPath = (path, count) => {
     }
     return res;
 };
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/es/common/store.js

@@ -1,2 +1,2 @@
 class StageStore {}
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.js.map

package/es/common/text.js

@@ -24,4 +24,4 @@ export function textAttributesToStyle(attrs) {
     attrs.underline ? style["text-decoration"] = "underline" : attrs.lineThrough && (style["text-decoration"] = "line-through"), 
     attrs.fill && isString(attrs.fill) && (style.color = attrs.fill), style;
 }
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/es/common/utils.js

@@ -152,4 +152,4 @@ export const calculateLineHeight = (lineHeight, fontSize) => {
     const _lh = _calculateLineHeight(lineHeight, fontSize);
     return isNaN(_lh) ? _lh : Math.max(fontSize, _lh);
 };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/es/core/application.js

@@ -1,2 +1 @@
-export const ApplicationContribution = Symbol("ApplicationContribution");
-//# sourceMappingURL=application.js.map
+export const ApplicationContribution = Symbol("ApplicationContribution");

package/es/core/index.js

@@ -15,4 +15,4 @@ export * from "./layer-service";
 export * from "./constants";
 
 export * from "../interface/core";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/es/core/layer-service.js

@@ -83,4 +83,4 @@ DefaultLayerService.idprefix = "visactor_layer", DefaultLayerService.prefix_coun
 DefaultLayerService = DefaultLayerService_1 = __decorate([ injectable(), __metadata("design:paramtypes", []) ], DefaultLayerService);
 
 export { DefaultLayerService };
-//# sourceMappingURL=layer-service.js.map
+//# sourceMappingURL=layer-service.js.map

package/es/core/layer.js

@@ -112,4 +112,4 @@ export class Layer extends Group {
         }, params)), this.afterDrawCbs.forEach((c => c(this)));
     }
 }
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/es/core/light.js

@@ -23,4 +23,4 @@ export class DirectionalLight {
 export const registerDirectionalLight = () => {
     Factory.registerPlugin("DirectionalLight", DirectionalLight);
 };
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/es/core/stage.js

@@ -547,4 +547,4 @@ export class Stage extends Group {
         this.pickerService;
     }
 }
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/es/core/window.js

@@ -159,4 +159,4 @@ let DefaultWindow = class {
 DefaultWindow = __decorate([ injectable(), __metadata("design:paramtypes", []) ], DefaultWindow);
 
 export { DefaultWindow };
-//# sourceMappingURL=window.js.map
+//# sourceMappingURL=window.js.map

package/es/plugins/builtin-plugin/auto-refresh-plugin.d.ts

@@ -7,6 +7,7 @@ export declare class AutoRefreshPlugin implements IPlugin {
     key: string;
     dpr: number;
     rafId: number;
+    autoRefreshCbs?: (() => void)[];
     handleChange: (graphic: IGraphic) => void;
     activate(context: IPluginService): void;
     refresh(): void;

package/es/plugins/builtin-plugin/auto-refresh-plugin.js

@@ -26,16 +26,22 @@ export class AutoRefreshPlugin {
         try {
             const mqString = `(resolution: ${window.devicePixelRatio}dppx)`, updatePixelRatio = () => {
                 window.devicePixelRatio !== this.dpr && (this.dpr = window.devicePixelRatio, this.pluginService.stage.setDpr(this.dpr, !0));
-            };
-            matchMedia(mqString).addEventListener("change", updatePixelRatio);
+            }, dom = matchMedia(mqString);
+            dom && dom.addEventListener("change", updatePixelRatio), this.autoRefreshCbs || (this.autoRefreshCbs = []), 
+            this.autoRefreshCbs.push((() => {
+                dom && dom.removeEventListener("change", updatePixelRatio);
+            }));
         } catch (err) {
             return !1;
         }
         return !0;
     }
     deactivate(context) {
+        var _a;
         const craf = application.global.getCancelAnimationFrame();
-        craf && this.rafId && craf(this.rafId);
+        craf && this.rafId && craf(this.rafId), null === (_a = this.autoRefreshCbs) || void 0 === _a || _a.forEach((cb => {
+            cb();
+        })), this.autoRefreshCbs = void 0;
     }
 }
 //# sourceMappingURL=auto-refresh-plugin.js.map

package/es/plugins/builtin-plugin/auto-refresh-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugins/builtin-plugin/auto-refresh-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,OAAO,iBAAiB;IAA9B;QACE,SAAI,GAAwB,mBAAmB,CAAC;QAChD,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAIpC,iBAAY,GAAG,CAAC,OAAiB,EAAE,EAAE;YACnC,IAAI,OAAO,CAAC,SAAS,EAAE;gBACrB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC;aAC7B;YACD,IAAI,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE;gBACvE,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;aACjC;QACH,CAAC,CAAC;IA4CJ,CAAC;IA1CC,QAAQ,CAAC,OAAuB;QAC9B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC;QAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE;YAChC,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IACS,aAAa;QACrB,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;QAC1D,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE;YACpB,IAAI,WAAW,CAAC,MAAM,CAAC,gBAAgB,KAAK,IAAI,CAAC,GAAG,EAAE;gBACpD,IAAI,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,gBAAgB,CAAC;gBAC/C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;aACjD;YACD,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IACS,oBAAoB;QAC5B,IAAI;YACF,MAAM,QAAQ,GAAG,gBAAgB,MAAM,CAAC,gBAAgB,OAAO,CAAC;YAEhE,MAAM,gBAAgB,GAAG,GAAG,EAAE;gBAC5B,IAAI,MAAM,CAAC,gBAAgB,KAAK,IAAI,CAAC,GAAG,EAAE;oBACxC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;oBACnC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;iBACjD;YACH,CAAC,CAAC;YAEF,UAAU,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;SACnE;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,CAAC,OAAuB;QAChC,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,uBAAuB,EAAE,CAAC;QAC1D,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;CACF","file":"auto-refresh-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport { application } from '../../application';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\n\nexport class AutoRefreshPlugin implements IPlugin {\n  name: 'AutoRefreshPlugin' = 'AutoRefreshPlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  dpr: number;\n  rafId: number;\n\n  handleChange = (graphic: IGraphic) => {\n    if (graphic.glyphHost) {\n      graphic = graphic.glyphHost;\n    }\n    if (graphic.stage === this.pluginService.stage && graphic.stage != null) {\n      graphic.stage.renderNextFrame();\n    }\n  };\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    this.dpr = application.global.devicePixelRatio;\n    this.refresh();\n  }\n\n  refresh() {\n    if (!this._refreshByMediaQuery()) {\n      this._refreshByRaf();\n    }\n  }\n  protected _refreshByRaf() {\n    const raf = application.global.getRequestAnimationFrame();\n    this.rafId = raf(() => {\n      if (application.global.devicePixelRatio !== this.dpr) {\n        this.dpr = application.global.devicePixelRatio;\n        this.pluginService.stage.setDpr(this.dpr, true);\n      }\n      this.refresh();\n    });\n  }\n  protected _refreshByMediaQuery() {\n    try {\n      const mqString = `(resolution: ${window.devicePixelRatio}dppx)`;\n\n      const updatePixelRatio = () => {\n        if (window.devicePixelRatio !== this.dpr) {\n          this.dpr = window.devicePixelRatio;\n          this.pluginService.stage.setDpr(this.dpr, true);\n        }\n      };\n\n      matchMedia(mqString).addEventListener('change', updatePixelRatio);\n    } catch (err) {\n      return false;\n    }\n    return true;\n  }\n  deactivate(context: IPluginService): void {\n    const craf = application.global.getCancelAnimationFrame();\n    craf && this.rafId && craf(this.rafId);\n  }\n}\n"]}
+{"version":3,"sources":["../src/plugins/builtin-plugin/auto-refresh-plugin.ts"],"names":[],"mappings":"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","file":"auto-refresh-plugin.js","sourcesContent":["import { Generator } from '../../common/generator';\nimport { application } from '../../application';\nimport type { IGraphic, IPlugin, IPluginService } from '../../interface';\n\nexport class AutoRefreshPlugin implements IPlugin {\n  name: 'AutoRefreshPlugin' = 'AutoRefreshPlugin';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  dpr: number;\n  rafId: number;\n  autoRefreshCbs?: (() => void)[];\n\n  handleChange = (graphic: IGraphic) => {\n    if (graphic.glyphHost) {\n      graphic = graphic.glyphHost;\n    }\n    if (graphic.stage === this.pluginService.stage && graphic.stage != null) {\n      graphic.stage.renderNextFrame();\n    }\n  };\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    this.dpr = application.global.devicePixelRatio;\n    this.refresh();\n  }\n\n  refresh() {\n    if (!this._refreshByMediaQuery()) {\n      this._refreshByRaf();\n    }\n  }\n  protected _refreshByRaf() {\n    const raf = application.global.getRequestAnimationFrame();\n    this.rafId = raf(() => {\n      if (application.global.devicePixelRatio !== this.dpr) {\n        this.dpr = application.global.devicePixelRatio;\n        this.pluginService.stage.setDpr(this.dpr, true);\n      }\n      this.refresh();\n    });\n  }\n  protected _refreshByMediaQuery() {\n    try {\n      const mqString = `(resolution: ${window.devicePixelRatio}dppx)`;\n\n      const updatePixelRatio = () => {\n        if (window.devicePixelRatio !== this.dpr) {\n          this.dpr = window.devicePixelRatio;\n          this.pluginService.stage.setDpr(this.dpr, true);\n        }\n      };\n      const dom = matchMedia(mqString);\n      dom && dom.addEventListener('change', updatePixelRatio);\n      if (!this.autoRefreshCbs) {\n        this.autoRefreshCbs = [];\n      }\n      this.autoRefreshCbs.push(() => {\n        dom && dom.removeEventListener('change', updatePixelRatio);\n      });\n    } catch (err) {\n      return false;\n    }\n    return true;\n  }\n  deactivate(context: IPluginService): void {\n    const craf = application.global.getCancelAnimationFrame();\n    craf && this.rafId && craf(this.rafId);\n    this.autoRefreshCbs?.forEach(cb => {\n      cb();\n    });\n    this.autoRefreshCbs = undefined;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-core",
-  "version": "0.21.12-alpha.1",
+  "version": "0.21.12-alpha.3",
   "description": "",
   "sideEffects": [
     "./src/modules.ts",
@@ -15,11 +15,27 @@
     "es",
     "dist"
   ],
+  "scripts": {
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/",
+    "build": "cross-env DEBUG='Bundler*' bundle --clean",
+    "build-umd": "cross-env DEBUG='Bundler*' bundle --clean -f umd",
+    "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
+    "start": "vite ./__tests__/browser",
+    "test": "jest",
+    "test-live": "npm run test-watch __tests__/unit/theme/line.test.ts",
+    "test-watch": "cross-env DEBUG_MODE=1 jest --watch",
+    "test-cov": "jest -w 16 --coverage",
+    "build:spec-types": "rm -rf ./spec-types && tsc -p ./tsconfig.spec.json --declaration --emitDeclarationOnly --outDir ./spec-types"
+  },
   "dependencies": {
     "color-convert": "2.0.1",
     "@visactor/vutils": "~0.19.3"
   },
   "devDependencies": {
+    "@internal/bundler": "workspace:*",
+    "@internal/eslint-config": "workspace:*",
+    "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -34,10 +50,7 @@
     "eslint": "~8.18.0",
     "vite": "3.2.6",
     "typescript": "4.9.5",
-    "cross-env": "^7.0.3",
-    "@internal/bundler": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/eslint-config": "0.0.1"
+    "cross-env": "^7.0.3"
   },
   "keywords": [
     "VisActor",
@@ -65,18 +78,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "compile": "tsc --noEmit",
-    "eslint": "eslint --debug --fix src/",
-    "build": "cross-env DEBUG='Bundler*' bundle --clean",
-    "build-umd": "cross-env DEBUG='Bundler*' bundle --clean -f umd",
-    "dev": "cross-env DEBUG='Bundler*' bundle --clean -f es -w",
-    "start": "vite ./__tests__/browser",
-    "test": "jest",
-    "test-live": "npm run test-watch __tests__/unit/theme/line.test.ts",
-    "test-watch": "cross-env DEBUG_MODE=1 jest --watch",
-    "test-cov": "jest -w 16 --coverage",
-    "build:spec-types": "rm -rf ./spec-types && tsc -p ./tsconfig.spec.json --declaration --emitDeclarationOnly --outDir ./spec-types"
   }
-}
+}