@visactor/vrender-core 1.1.0-alpha.9 → 1.1.0

package/cjs/allocator/graphic-allocate.js

@@ -159,5 +159,4 @@ class DefaultGraphicMemoryManager {
     }
 }
 
-exports.DefaultGraphicMemoryManager = DefaultGraphicMemoryManager, exports.defaultGraphicMemoryManager = new DefaultGraphicMemoryManager;
-//# sourceMappingURL=graphic-allocate.js.map
+exports.DefaultGraphicMemoryManager = DefaultGraphicMemoryManager, exports.defaultGraphicMemoryManager = new DefaultGraphicMemoryManager;

package/cjs/canvas/constants.js

@@ -3,4 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
-exports.Context2dFactory = Symbol.for("Context2dFactory");
+exports.Context2dFactory = Symbol.for("Context2dFactory");
+//# sourceMappingURL=constants.js.map

package/cjs/common/color-utils.js

@@ -244,5 +244,4 @@ class GradientParser {
     }
 }
 
-exports.GradientParser = GradientParser;
-//# sourceMappingURL=color-utils.js.map
+exports.GradientParser = GradientParser;

package/cjs/common/diff.js

@@ -16,4 +16,5 @@ function diff(oldAttrs, newAttrs, getAttr) {
     return diffObj;
 }
 
-exports.diff = diff;
+exports.diff = diff;
+//# sourceMappingURL=diff.js.map

package/cjs/common/module-guard.d.ts

@@ -0,0 +1 @@
+export declare function isBindingContextLoaded(loadedContexts: WeakSet<object>, context: unknown): boolean;

package/cjs/common/module-guard.js

@@ -0,0 +1,11 @@
+"use strict";
+
+function isBindingContextLoaded(loadedContexts, context) {
+    const key = "object" == typeof context && null !== context || "function" == typeof context ? context : loadedContexts;
+    return !!loadedContexts.has(key) || (loadedContexts.add(key), !1);
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.isBindingContextLoaded = void 0, exports.isBindingContextLoaded = isBindingContextLoaded;
+//# sourceMappingURL=module-guard.js.map

package/cjs/common/module-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/module-guard.ts"],"names":[],"mappings":";;;AAAA,SAAgB,sBAAsB,CAAC,cAA+B,EAAE,OAAgB;IACtF,MAAM,GAAG,GACP,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,OAAO,OAAO,KAAK,UAAU;QAChF,CAAC,CAAE,OAAkB;QACrB,CAAC,CAAC,cAAc,CAAC;IAErB,IAAI,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC3B,OAAO,IAAI,CAAC;KACb;IAED,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,OAAO,KAAK,CAAC;AACf,CAAC;AAZD,wDAYC","file":"module-guard.js","sourcesContent":["export function isBindingContextLoaded(loadedContexts: WeakSet<object>, context: unknown): boolean {\n  const key =\n    (typeof context === 'object' && context !== null) || typeof context === 'function'\n      ? (context as object)\n      : loadedContexts;\n\n  if (loadedContexts.has(key)) {\n    return true;\n  }\n\n  loadedContexts.add(key);\n  return false;\n}\n"]}

package/cjs/common/render-area.js

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

package/cjs/common/seg-context.js

@@ -94,4 +94,5 @@ class ReflectSegContext extends SegContext {
     }
 }
 
-exports.ReflectSegContext = ReflectSegContext;
+exports.ReflectSegContext = ReflectSegContext;
+//# sourceMappingURL=seg-context.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

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

package/cjs/common/xml/is-xml.d.ts

@@ -0,0 +1,2 @@
+export declare function isSvg(str: string): boolean;
+export declare function isXML(str: string): boolean;

package/cjs/common/xml/is-xml.js

@@ -0,0 +1,14 @@
+"use strict";
+
+function isSvg(str) {
+    return str.startsWith("<svg") || str.startsWith("<?xml");
+}
+
+function isXML(str) {
+    return str.startsWith("<");
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.isXML = exports.isSvg = void 0, exports.isSvg = isSvg, exports.isXML = isXML;
+//# sourceMappingURL=is-xml.js.map

package/cjs/common/xml/is-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/xml/is-xml.ts"],"names":[],"mappings":";;;AAAA,SAAgB,KAAK,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC3D,CAAC;AAFD,sBAEC;AAED,SAAgB,KAAK,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC;AAFD,sBAEC","file":"is-xml.js","sourcesContent":["export function isSvg(str: string) {\n  return str.startsWith('<svg') || str.startsWith('<?xml');\n}\n\nexport function isXML(str: string) {\n  return str.startsWith('<');\n}\n"]}

package/cjs/common/xml/parser.d.ts

@@ -1,3 +1,4 @@
+import { isSvg, isXML } from './is-xml';
 import type { X2jOptions } from './type';
 export declare class XMLParser {
     static defaultOptions: Partial<X2jOptions>;
@@ -6,5 +7,4 @@ export declare class XMLParser {
     valid(xml: string): boolean;
     parse(xmlData: string): any;
 }
-export declare function isSvg(str: string): boolean;
-export declare function isXML(str: string): boolean;
+export { isSvg, isXML };

package/cjs/common/xml/parser.js

@@ -4,7 +4,19 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.isXML = exports.isSvg = exports.XMLParser = void 0;
 
-const OrderedObjParser_1 = require("./OrderedObjParser"), node2json_1 = require("./node2json");
+const OrderedObjParser_1 = require("./OrderedObjParser"), node2json_1 = require("./node2json"), is_xml_1 = require("./is-xml");
+
+Object.defineProperty(exports, "isSvg", {
+    enumerable: !0,
+    get: function() {
+        return is_xml_1.isSvg;
+    }
+}), Object.defineProperty(exports, "isXML", {
+    enumerable: !0,
+    get: function() {
+        return is_xml_1.isXML;
+    }
+});
 
 class XMLParser {
     constructor(options) {
@@ -20,14 +32,5 @@ class XMLParser {
     }
 }
 
-function isSvg(str) {
-    return str.startsWith("<svg") || str.startsWith("<?xml");
-}
-
-function isXML(str) {
-    return str.startsWith("<");
-}
-
-exports.XMLParser = XMLParser, XMLParser.defaultOptions = {}, exports.isSvg = isSvg, 
-exports.isXML = isXML;
+exports.XMLParser = XMLParser, XMLParser.defaultOptions = {};
 //# sourceMappingURL=parser.js.map

package/cjs/common/xml/parser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/xml/parser.ts"],"names":[],"mappings":";;;AA2BA,yDAAsD;AACtD,2CAAuC;AAGvC,MAAa,SAAS;IAIpB,YAAY,OAA6B;QACvC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IACtE,CAAC;IAED,KAAK,CAAC,GAAW;QACf,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,KAAK,CAAC,OAAe;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC;SACd;QACD,MAAM,gBAAgB,GAAG,IAAI,mCAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,IAAA,oBAAQ,EAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;;AAnBH,8BAoBC;AAnBQ,wBAAc,GAAwB,EAAE,CAAC;AAqBlD,SAAgB,KAAK,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC3D,CAAC;AAFD,sBAEC;AAED,SAAgB,KAAK,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC7B,CAAC;AAFD,sBAEC","file":"parser.js","sourcesContent":["// 参考fast-xml-parser\n// https://github.com/NaturalIntelligence/fast-xml-parser\n/**\n * MIT License\n\nCopyright (c) 2017 Amit Kumar Gupta\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n */\n\nimport { OrderedObjParser } from './OrderedObjParser';\nimport { prettify } from './node2json';\nimport type { X2jOptions } from './type';\n\nexport class XMLParser {\n  static defaultOptions: Partial<X2jOptions> = {};\n  options: Partial<X2jOptions>;\n\n  constructor(options?: Partial<X2jOptions>) {\n    this.options = Object.assign({}, XMLParser.defaultOptions, options);\n  }\n\n  valid(xml: string) {\n    return xml.startsWith('<');\n  }\n\n  parse(xmlData: string): any {\n    if (!this.valid) {\n      return false;\n    }\n    const orderedObjParser = new OrderedObjParser(this.options);\n    const orderedResult = orderedObjParser.parseXml(xmlData);\n    return prettify(orderedResult, this.options);\n  }\n}\n\nexport function isSvg(str: string) {\n  return str.startsWith('<svg') || str.startsWith('<?xml');\n}\n\nexport function isXML(str: string) {\n  return str.startsWith('<');\n}\n"]}
+{"version":3,"sources":["../src/common/xml/parser.ts"],"names":[],"mappings":";;;AA2BA,yDAAsD;AACtD,2CAAuC;AACvC,qCAAwC;AAyB/B,sFAzBA,cAAK,OAyBA;AAAE,sFAzBA,cAAK,OAyBA;AAtBrB,MAAa,SAAS;IAIpB,YAAY,OAA6B;QACvC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IACtE,CAAC;IAED,KAAK,CAAC,GAAW;QACf,OAAO,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,KAAK,CAAC,OAAe;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC;SACd;QACD,MAAM,gBAAgB,GAAG,IAAI,mCAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5D,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,IAAA,oBAAQ,EAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;;AAnBH,8BAoBC;AAnBQ,wBAAc,GAAwB,EAAE,CAAC","file":"parser.js","sourcesContent":["// 参考fast-xml-parser\n// https://github.com/NaturalIntelligence/fast-xml-parser\n/**\n * MIT License\n\nCopyright (c) 2017 Amit Kumar Gupta\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n */\n\nimport { OrderedObjParser } from './OrderedObjParser';\nimport { prettify } from './node2json';\nimport { isSvg, isXML } from './is-xml';\nimport type { X2jOptions } from './type';\n\nexport class XMLParser {\n  static defaultOptions: Partial<X2jOptions> = {};\n  options: Partial<X2jOptions>;\n\n  constructor(options?: Partial<X2jOptions>) {\n    this.options = Object.assign({}, XMLParser.defaultOptions, options);\n  }\n\n  valid(xml: string) {\n    return xml.startsWith('<');\n  }\n\n  parse(xmlData: string): any {\n    if (!this.valid) {\n      return false;\n    }\n    const orderedObjParser = new OrderedObjParser(this.options);\n    const orderedResult = orderedObjParser.parseXml(xmlData);\n    return prettify(orderedResult, this.options);\n  }\n}\n\nexport { isSvg, isXML };\n"]}

package/cjs/container.d.ts

@@ -0,0 +1,2 @@
+export { configureLegacyApplication, container, getLegacyBindingContext, graphicService, graphicUtil, layerService, preLoadAllModule, transformUtil } from './modules';
+export type { ILegacyBindContext, ILegacyBindingContext } from './legacy/bootstrap';

package/cjs/container.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transformUtil = exports.preLoadAllModule = exports.layerService = exports.graphicUtil = exports.graphicService = exports.getLegacyBindingContext = exports.container = exports.configureLegacyApplication = void 0;
+
+var modules_1 = require("./modules");
+
+Object.defineProperty(exports, "configureLegacyApplication", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.configureLegacyApplication;
+    }
+}), Object.defineProperty(exports, "container", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.container;
+    }
+}), Object.defineProperty(exports, "getLegacyBindingContext", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.getLegacyBindingContext;
+    }
+}), Object.defineProperty(exports, "graphicService", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.graphicService;
+    }
+}), Object.defineProperty(exports, "graphicUtil", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.graphicUtil;
+    }
+}), Object.defineProperty(exports, "layerService", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.layerService;
+    }
+}), Object.defineProperty(exports, "preLoadAllModule", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.preLoadAllModule;
+    }
+}), Object.defineProperty(exports, "transformUtil", {
+    enumerable: !0,
+    get: function() {
+        return modules_1.transformUtil;
+    }
+});
+//# sourceMappingURL=container.js.map

package/cjs/container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/container.ts"],"names":[],"mappings":";;;AAAA,qCASmB;AARjB,qHAAA,0BAA0B,OAAA;AAC1B,oGAAA,SAAS,OAAA;AACT,kHAAA,uBAAuB,OAAA;AACvB,yGAAA,cAAc,OAAA;AACd,sGAAA,WAAW,OAAA;AACX,uGAAA,YAAY,OAAA;AACZ,2GAAA,gBAAgB,OAAA;AAChB,wGAAA,aAAa,OAAA","file":"container.js","sourcesContent":["export {\n  configureLegacyApplication,\n  container,\n  getLegacyBindingContext,\n  graphicService,\n  graphicUtil,\n  layerService,\n  preLoadAllModule,\n  transformUtil\n} from './modules';\nexport type { ILegacyBindContext, ILegacyBindingContext } from './legacy/bootstrap';\n"]}

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js

@@ -19,6 +19,7 @@ class CanvasLayerHandlerContribution {
             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");

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":"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","file":"canvas2d-contribution.js","sourcesContent":["import { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  global: IGlobal;\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor() {\n    this.offscreen = false;\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      }\n      if (!nativeCanvas) {\n        nativeCanvas = this.global.createCanvas({\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        id: params.canvasId,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":"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","file":"canvas2d-contribution.js","sourcesContent":["import { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  global: IGlobal;\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor() {\n    this.offscreen = false;\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      }\n      if (!nativeCanvas) {\n        nativeCanvas = this.global.createCanvas({\n          id: params.canvasId,\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        id: params.canvasId,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}

package/cjs/core/stage.d.ts

@@ -4,8 +4,7 @@ import type { Layer } from './layer';
 import { Group } from '../graphic/group';
 import { type IStageFactoryDeps } from '../factory';
 import { type SharedStateScope } from '../graphic/state/shared-state-scope';
-import { StateBatchScheduler } from '../graphic/state/state-batch-scheduler';
-import { type IDeferredStateOwnerConfig, type IStatePerfConfig, type IStatePerfSnapshot } from '../graphic/state/state-perf-monitor';
+import type { StateDefinitionsInput } from '../graphic/state/state-definition';
 type IStageState = 'rendering' | 'normal';
 export declare class Stage extends Group implements IStage {
     parent: IStage | null;
@@ -48,8 +47,6 @@ export declare class Stage extends Group implements IStage {
     protected _ticker: ITicker;
     autoRender: boolean;
     autoRefresh: boolean;
-    statePerfConfig?: IStatePerfConfig;
-    deferredStateConfig?: IDeferredStateOwnerConfig;
     _enableLayout: boolean;
     htmlAttribute: boolean | string | any;
     reactAttribute: boolean | string | any;
@@ -78,7 +75,6 @@ export declare class Stage extends Group implements IStage {
     protected timeline: ITimeline;
     rootSharedStateScope?: SharedStateScope<Record<string, any>>;
     protected _pendingSharedStateRefreshGraphics?: Set<IGraphic>;
-    protected _stateBatchScheduler: StateBatchScheduler;
     params: Partial<IStageParams>;
     protected tickedBeforeRender: boolean;
     readonly rafId: number;
@@ -155,9 +151,7 @@ export declare class Stage extends Group implements IStage {
     render(layers?: ILayer[], params?: Partial<IDrawContext>): void;
     protected combineLayersToWindow(): void;
     renderNextFrame(layers?: ILayer[], force?: boolean): void;
-    scheduleStateBatch(graphics: IGraphic[], targetStates: string[]): void;
-    getStatePerfSnapshot(): IStatePerfSnapshot;
-    resetStatePerfSnapshot(): void;
+    ensureRootSharedStateScope(themeStateDefinitions?: StateDefinitionsInput<Record<string, any>>): SharedStateScope<Record<string, any>>;
     _doRenderInThisFrame(): void;
     protected renderLayerList(layerList: ILayer[], params?: Partial<IDrawContext>): void;
     resizeWindow(w: number, h: number, rerender?: boolean): void;

package/cjs/core/stage.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Stage = void 0;
 
-const vutils_1 = require("@visactor/vutils"), window_1 = require("./window"), event_1 = require("../event"), group_1 = require("../graphic/group"), theme_1 = require("../graphic/theme"), global_picker_service_1 = require("../picker/global-picker-service"), render_service_1 = require("../render/render-service"), plugin_service_1 = require("../plugins/plugin-service"), auto_render_plugin_1 = require("../plugins/builtin-plugin/auto-render-plugin"), auto_refresh_plugin_1 = require("../plugins/builtin-plugin/auto-refresh-plugin"), incremental_auto_render_plugin_1 = require("../plugins/builtin-plugin/incremental-auto-render-plugin"), dirty_bounds_plugin_1 = require("../plugins/builtin-plugin/dirty-bounds-plugin"), tapable_1 = require("../tapable"), application_1 = require("../application"), env_check_1 = require("../env-check"), factory_1 = require("../factory"), layer_service_1 = require("./layer-service"), graphic_service_1 = require("../graphic/graphic-service/graphic-service"), shared_state_scope_1 = require("../graphic/state/shared-state-scope"), shared_state_refresh_1 = require("../graphic/state/shared-state-refresh"), state_batch_scheduler_1 = require("../graphic/state/state-batch-scheduler"), state_perf_monitor_1 = require("../graphic/state/state-perf-monitor"), DefaultConfig = {
+const vutils_1 = require("@visactor/vutils"), window_1 = require("./window"), event_1 = require("../event"), group_1 = require("../graphic/group"), theme_1 = require("../graphic/theme"), global_picker_service_1 = require("../picker/global-picker-service"), render_service_1 = require("../render/render-service"), plugin_service_1 = require("../plugins/plugin-service"), auto_render_plugin_1 = require("../plugins/builtin-plugin/auto-render-plugin"), auto_refresh_plugin_1 = require("../plugins/builtin-plugin/auto-refresh-plugin"), incremental_auto_render_plugin_1 = require("../plugins/builtin-plugin/incremental-auto-render-plugin"), dirty_bounds_plugin_1 = require("../plugins/builtin-plugin/dirty-bounds-plugin"), tapable_1 = require("../tapable"), application_1 = require("../application"), env_check_1 = require("../env-check"), factory_1 = require("../factory"), layer_service_1 = require("./layer-service"), graphic_service_1 = require("../graphic/graphic-service/graphic-service"), shared_state_scope_1 = require("../graphic/state/shared-state-scope"), shared_state_refresh_1 = require("../graphic/state/shared-state-refresh"), DefaultConfig = {
     WIDTH: 500,
     HEIGHT: 500,
     X: 0,
@@ -84,7 +84,7 @@ class Stage extends group_1.Group {
         ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
     }
     constructor(params = {}, deps = {}) {
-        var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+        var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         super({}), this.tickedBeforeRender = !0, this._onVisibleChange = visible => {
             if (!(this._skipRender < 0)) if (visible) {
                 if (this.dirtyBounds) {
@@ -94,7 +94,9 @@ class Stage extends group_1.Group {
                 this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
             } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-            (0, shared_state_refresh_1.flushStageSharedStateRefresh)(this), this._beforeRenderList.forEach((cb => cb(stage)));
+            const pendingSharedRefresh = this._pendingSharedStateRefreshGraphics;
+            (null == pendingSharedRefresh ? void 0 : pendingSharedRefresh.size) && (0, shared_state_refresh_1.flushStageSharedStateRefresh)(this), 
+            this._beforeRenderList.forEach((cb => cb(stage)));
         }, this.afterClearScreen = drawParams => {
             this._afterClearScreen && this._afterClearScreen(drawParams);
         }, this.afterClearRect = drawParams => {
@@ -131,14 +133,11 @@ class Stage extends group_1.Group {
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_w = params.background) && void 0 !== _w ? _w : DefaultConfig.BACKGROUND, 
         this.stage = this, this.appendChild(this.layerService.createLayer(this, {
             main: !0
-        })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, (0, 
-        state_perf_monitor_1.ensureStageStatePerfMonitor)(this), this._stateBatchScheduler = new state_batch_scheduler_1.StateBatchScheduler(this, (0, 
-        state_perf_monitor_1.ensureStageStatePerfMonitor)(this)), this.rootSharedStateScope = (0, 
-        shared_state_scope_1.createRootSharedStateScope)(this, null === (_x = this.theme) || void 0 === _x ? void 0 : _x.stateDefinitions), 
-        this.theme.onStateDefinitionsChange = () => {
+        })), this.nextFrameRenderLayerSet = new Set, this.willNextFrameRender = !1, this.theme.onStateDefinitionsChange = () => {
             var _a;
-            this.rootSharedStateScope && ((0, shared_state_scope_1.setRootSharedStateScopeThemeDefinitions)(this.rootSharedStateScope, null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions), 
-            (0, shared_state_refresh_1.markScopeActiveDescendantsDirty)(this.rootSharedStateScope, this));
+            const definitions = null === (_a = this.theme) || void 0 === _a ? void 0 : _a.stateDefinitions, rootScope = definitions && Object.keys(definitions).length ? this.ensureRootSharedStateScope(definitions) : this.rootSharedStateScope;
+            rootScope && ((0, shared_state_scope_1.setRootSharedStateScopeThemeDefinitions)(rootScope, definitions), 
+            (0, shared_state_refresh_1.markScopeActiveDescendantsDirty)(rootScope, this));
         }, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), 
         params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), 
         params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), 
@@ -151,7 +150,7 @@ class Stage extends group_1.Group {
             tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && (0, vutils_1.isString)(this._background) && this._background.includes("/") && this.setAttributes({
             background: this._background
-        }), this.initAnimate(params), this.rafId = null !== (_y = params.rafId) && void 0 !== _y ? _y : Math.floor(6 * Math.random());
+        }), this.initAnimate(params), this.rafId = null !== (_x = params.rafId) && void 0 !== _x ? _x : Math.floor(6 * Math.random());
     }
     initAnimate(params) {
         var _a;
@@ -396,14 +395,10 @@ class Stage extends group_1.Group {
             this._doRenderInThisFrame(), this.willNextFrameRender = !1;
         })));
     }
-    scheduleStateBatch(graphics, targetStates) {
-        this._stateBatchScheduler.schedule(graphics, targetStates);
-    }
-    getStatePerfSnapshot() {
-        return (0, state_perf_monitor_1.ensureStageStatePerfMonitor)(this).getSnapshot();
-    }
-    resetStatePerfSnapshot() {
-        (0, state_perf_monitor_1.ensureStageStatePerfMonitor)(this).reset();
+    ensureRootSharedStateScope(themeStateDefinitions) {
+        return this.rootSharedStateScope ? (this.rootSharedStateScope.ownerStage = this, 
+        this.rootSharedStateScope) : (this.rootSharedStateScope = (0, shared_state_scope_1.createRootSharedStateScope)(this, themeStateDefinitions), 
+        this.rootSharedStateScope);
     }
     _doRenderInThisFrame() {
         if ("released" === this.releaseStatus) return;
@@ -489,17 +484,16 @@ class Stage extends group_1.Group {
         throw new Error("暂不支持");
     }
     release() {
-        var _a, _b, _d, _e;
-        null === (_a = this._stateBatchScheduler) || void 0 === _a || _a.release(), super.release(), 
-        this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), 
-        this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), 
-        this.pluginService.release(), this.forEach((layer => {
+        var _a, _b, _d;
+        super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), 
+        this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), 
+        this.layerService.releaseStage(this), this.pluginService.release(), this.forEach((layer => {
             layer.release();
         })), this.interactiveLayer && (this.interactiveLayer.forEachChildren((item => {
             item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
-        })), this.interactiveLayer.release()), this.window.release(), null === (_b = this._ticker) || void 0 === _b || _b.remTimeline(null == this ? void 0 : this.timeline), 
-        null === (_d = this._ticker) || void 0 === _d || _d.removeListener("tick", this.afterTickCb), 
-        this.params.ticker || null === (_e = this._ticker) || void 0 === _e || _e.release(), 
+        })), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), 
+        null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), 
+        this.params.ticker || null === (_d = this._ticker) || void 0 === _d || _d.release(), 
         this.renderService.renderTreeRoots = [];
     }
     setStage(stage) {}