@visactor/vrender 0.9.0-alpha.0

package/es/render/contributions/render/text-render.js

@@ -0,0 +1,106 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+import { injectable } from "inversify";
+
+import { getTheme, TEXT_NUMBER_TYPE } from "../../../graphic";
+
+import { textDrawOffsetX, textLayoutOffsetY } from "../../../common";
+
+import { fillVisible, runFill, runStroke, strokeVisible } from "./utils";
+
+import { BaseRender } from "./base-render";
+
+let DefaultCanvasTextRender = class extends BaseRender {
+    constructor() {
+        super(...arguments), this.numberType = TEXT_NUMBER_TYPE;
+    }
+    drawShape(text, context, x, y, drawContext, params, fillCb, strokeCb) {
+        const textAttribute = getTheme(text, null == params ? void 0 : params.theme).text, {text: str, fill: fill = (null == textAttribute.fill ? !!text.attribute.fillColor : textAttribute.fill), stroke: stroke = (null == textAttribute.stroke ? !!text.attribute.strokeColor : textAttribute.stroke), fillOpacity: fillOpacity = textAttribute.fillOpacity, strokeOpacity: strokeOpacity = textAttribute.strokeOpacity, opacity: opacity = textAttribute.opacity, lineWidth: lineWidth = textAttribute.lineWidth, visible: visible = textAttribute.visible, underline: underline = textAttribute.underline, lineThrough: lineThrough = textAttribute.lineThrough, keepDirIn3d: keepDirIn3d = textAttribute.keepDirIn3d} = text.attribute, fVisible = fillVisible(opacity, fillOpacity), sVisible = strokeVisible(opacity, strokeOpacity), doFill = runFill(fill), doStroke = runStroke(stroke, lineWidth);
+        if (!text.valid || !visible) return;
+        if (!(doFill || doStroke || fVisible || sVisible)) return;
+        const transform3dMatrixToContextMatrix = !keepDirIn3d, z = this.z || 0;
+        if (context.beginPath(), context.setShadowStyle && context.setShadowStyle(text, text.attribute, textAttribute), 
+        transform3dMatrixToContextMatrix && this.transformUseContext2d(text, textAttribute, z, context), 
+        Array.isArray(str)) {
+            context.setTextStyleWithoutAlignBaseline(text.attribute, textAttribute, z);
+            const {multilineLayout: multilineLayout} = text;
+            if (!multilineLayout) return void context.highPerformanceRestore();
+            const {xOffset: xOffset, yOffset: yOffset} = multilineLayout.bbox;
+            doStroke && (strokeCb ? strokeCb(context, text.attribute, textAttribute) : sVisible && (context.setStrokeStyle(text, text.attribute, x, y, textAttribute), 
+            multilineLayout.lines.forEach((line => {
+                context.strokeText(line.str, (line.leftOffset || 0) + xOffset + x, (line.topOffset || 0) + yOffset + y, z);
+            })))), doFill && (fillCb ? fillCb(context, text.attribute, textAttribute) : fVisible && (context.setCommonStyle(text, text.attribute, x, y, textAttribute), 
+            multilineLayout.lines.forEach((line => {
+                context.fillText(line.str, (line.leftOffset || 0) + xOffset + x, (line.topOffset || 0) + yOffset + y, z), 
+                this.drawMultiUnderLine(underline, lineThrough, text, (line.leftOffset || 0) + x, (line.topOffset || 0) + yOffset + y, z, line.width, textAttribute, context);
+            }))));
+        } else {
+            context.setTextStyle(text.attribute, textAttribute, z);
+            const t = text.clipedText;
+            doStroke && (strokeCb ? strokeCb(context, text.attribute, textAttribute) : sVisible && (context.setStrokeStyle(text, text.attribute, x, y, textAttribute), 
+            context.strokeText(t, x, y, z))), doFill && (fillCb ? fillCb(context, text.attribute, textAttribute) : fVisible && (context.setCommonStyle(text, text.attribute, x, y, textAttribute), 
+            context.fillText(t, x, y, z), this.drawUnderLine(underline, lineThrough, text, x, y, z, textAttribute, context)));
+        }
+        transform3dMatrixToContextMatrix && this.restoreTransformUseContext2d(text, textAttribute, z, context);
+    }
+    draw(text, renderService, drawContext, params) {
+        const {context: context} = drawContext;
+        if (!context) return;
+        context.highPerformanceSave();
+        const textAttribute = getTheme(text, null == params ? void 0 : params.theme).text, {keepDirIn3d: keepDirIn3d = textAttribute.keepDirIn3d} = text.attribute, computed3dMatrix = !keepDirIn3d, data = this.transform(text, textAttribute, context, computed3dMatrix), {x: x, y: y, z: z, lastModelMatrix: lastModelMatrix} = data;
+        this.z = z, this.drawShape(text, context, x, y, drawContext, params), this.z = 0, 
+        context.modelMatrix = lastModelMatrix, context.highPerformanceRestore();
+    }
+    drawUnderLine(underline, lineThrough, text, x, y, z, textAttribute, context) {
+        if (lineThrough + underline <= 0) return;
+        const {textAlign: textAlign = textAttribute.textAlign, textBaseline: textBaseline = textAttribute.textBaseline, fontSize: fontSize = textAttribute.fontSize, fillColor: fillColor = textAttribute.fillColor, opacity: opacity = textAttribute.opacity, fillOpacity: fillOpacity = textAttribute.fillOpacity} = text.attribute, w = text.clipedWidth, offsetX = textDrawOffsetX(textAlign, w), offsetY = textLayoutOffsetY(textBaseline, fontSize), attribute = {
+            lineWidth: 0,
+            strokeColor: fillColor,
+            opacity: opacity,
+            strokeOpacity: fillOpacity
+        };
+        if (underline) {
+            attribute.lineWidth = underline, context.setStrokeStyle(text, attribute, x, y, textAttribute), 
+            context.beginPath();
+            const dy = y + offsetY + fontSize;
+            context.moveTo(x + offsetX, dy, z), context.lineTo(x + offsetX + w, dy, z), context.stroke();
+        }
+        if (lineThrough) {
+            attribute.lineWidth = lineThrough, context.setStrokeStyle(text, attribute, x, y, textAttribute), 
+            context.beginPath();
+            const dy = y + offsetY + fontSize / 2;
+            context.moveTo(x + offsetX, dy, z), context.lineTo(x + offsetX + w, dy, z), context.stroke();
+        }
+    }
+    drawMultiUnderLine(underline, lineThrough, text, x, y, z, w, textAttribute, context) {
+        if (lineThrough + underline <= 0) return;
+        const {textAlign: textAlign = textAttribute.textAlign, fontSize: fontSize = textAttribute.fontSize, fillColor: fillColor = textAttribute.fillColor, opacity: opacity = textAttribute.opacity, fillOpacity: fillOpacity = textAttribute.fillOpacity} = text.attribute, offsetX = textDrawOffsetX(textAlign, w), offsetY = textLayoutOffsetY("alphabetic", fontSize), attribute = {
+            lineWidth: 0,
+            strokeColor: fillColor,
+            opacity: opacity,
+            strokeOpacity: fillOpacity
+        };
+        let deltaY = -3;
+        if (underline) {
+            attribute.lineWidth = underline, context.setStrokeStyle(text, attribute, x, y, textAttribute), 
+            context.beginPath();
+            const dy = y + offsetY + fontSize + deltaY;
+            context.moveTo(x + offsetX, dy, z), context.lineTo(x + offsetX + w, dy, z), context.stroke();
+        }
+        if (deltaY = -1, lineThrough) {
+            attribute.lineWidth = lineThrough, context.setStrokeStyle(text, attribute, x, y, textAttribute), 
+            context.beginPath();
+            const dy = y + offsetY + fontSize / 2 + deltaY;
+            context.moveTo(x + offsetX, dy, z), context.lineTo(x + offsetX + w, dy, z), context.stroke();
+        }
+    }
+};
+
+DefaultCanvasTextRender = __decorate([ injectable() ], DefaultCanvasTextRender);
+
+export { DefaultCanvasTextRender };
+//# sourceMappingURL=text-render.js.map

package/es/render/contributions/render/text-render.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/contributions/render/text-render.ts"],"names":[],"mappings":"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","file":"text-render.js","sourcesContent":["import { injectable } from 'inversify';\nimport { getTheme, TEXT_NUMBER_TYPE } from '../../../graphic';\nimport { IGraphicAttribute, IContext2d, IMarkAttribute, IThemeAttribute } from '../../../interface';\nimport { textDrawOffsetX, textLayoutOffsetY } from '../../../common';\nimport { IText, ITextGraphicAttribute } from '../../../interface/graphic/text';\nimport { IDrawContext, IRenderService } from '../../render-service';\nimport { IGraphicRender, IGraphicRenderDrawParams } from './graphic-render';\nimport { fillVisible, runFill, runStroke, strokeVisible } from './utils';\nimport { BaseRender } from './base-render';\n\n@injectable()\nexport class DefaultCanvasTextRender extends BaseRender<IText> implements IGraphicRender {\n  type: 'text';\n  numberType: number = TEXT_NUMBER_TYPE;\n  z: number;\n\n  drawShape(\n    text: IText,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const textAttribute = getTheme(text, params?.theme).text;\n    const {\n      text: str,\n      fill = textAttribute.fill == null ? !!text.attribute.fillColor : textAttribute.fill,\n      stroke = textAttribute.stroke == null ? !!text.attribute.strokeColor : textAttribute.stroke,\n      fillOpacity = textAttribute.fillOpacity,\n      strokeOpacity = textAttribute.strokeOpacity,\n      opacity = textAttribute.opacity,\n      lineWidth = textAttribute.lineWidth,\n      visible = textAttribute.visible,\n      underline = textAttribute.underline,\n      lineThrough = textAttribute.lineThrough,\n      keepDirIn3d = textAttribute.keepDirIn3d\n    } = text.attribute;\n\n    // 不绘制或者透明\n    const fVisible = fillVisible(opacity, fillOpacity);\n    const sVisible = strokeVisible(opacity, strokeOpacity);\n    const doFill = runFill(fill);\n    const doStroke = runStroke(stroke, lineWidth);\n\n    if (!(text.valid && visible)) {\n      return;\n    }\n\n    if (!(doFill || doStroke || fVisible || sVisible)) {\n      return;\n    }\n    // 文字如果需要变换，那就需要将3dmatrix转成context的2dmatrix\n    const transform3dMatrixToContextMatrix = !keepDirIn3d;\n\n    const z = this.z || 0;\n\n    context.beginPath();\n    // shadow\n    context.setShadowStyle && context.setShadowStyle(text, text.attribute, textAttribute);\n\n    transform3dMatrixToContextMatrix && this.transformUseContext2d(text, textAttribute, z, context);\n    if (Array.isArray(str)) {\n      context.setTextStyleWithoutAlignBaseline(text.attribute, textAttribute, z);\n      const { multilineLayout } = text;\n      if (!multilineLayout) {\n        context.highPerformanceRestore();\n        return;\n      } // 如果不存在的话，需要render层自行布局\n      const { xOffset, yOffset } = multilineLayout.bbox;\n      if (doStroke) {\n        if (strokeCb) {\n          strokeCb(context, text.attribute, textAttribute);\n        } else if (sVisible) {\n          context.setStrokeStyle(text, text.attribute, x, y, textAttribute);\n          multilineLayout.lines.forEach(line => {\n            context.strokeText(line.str, (line.leftOffset || 0) + xOffset + x, (line.topOffset || 0) + yOffset + y, z);\n          });\n        }\n      }\n      if (doFill) {\n        if (fillCb) {\n          fillCb(context, text.attribute, textAttribute);\n        } else if (fVisible) {\n          context.setCommonStyle(text, text.attribute, x, y, textAttribute);\n          multilineLayout.lines.forEach(line => {\n            context.fillText(line.str, (line.leftOffset || 0) + xOffset + x, (line.topOffset || 0) + yOffset + y, z);\n            this.drawMultiUnderLine(\n              underline,\n              lineThrough,\n              text,\n              (line.leftOffset || 0) + x, // 中下划线都是从文字左侧开始，因此不需要+xOffset\n              (line.topOffset || 0) + yOffset + y,\n              z,\n              line.width,\n              textAttribute,\n              context\n            );\n          });\n        }\n      }\n    } else {\n      context.setTextStyle(text.attribute, textAttribute, z);\n      const t = text.clipedText as string;\n      if (doStroke) {\n        if (strokeCb) {\n          strokeCb(context, text.attribute, textAttribute);\n        } else if (sVisible) {\n          context.setStrokeStyle(text, text.attribute, x, y, textAttribute);\n          context.strokeText(t, x, y, z);\n        }\n      }\n      if (doFill) {\n        if (fillCb) {\n          fillCb(context, text.attribute, textAttribute);\n        } else if (fVisible) {\n          context.setCommonStyle(text, text.attribute, x, y, textAttribute);\n          context.fillText(t, x, y, z);\n          this.drawUnderLine(underline, lineThrough, text, x, y, z, textAttribute, context);\n        }\n      }\n    }\n    transform3dMatrixToContextMatrix && this.restoreTransformUseContext2d(text, textAttribute, z, context);\n  }\n\n  draw(text: IText, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    const { context } = drawContext;\n    if (!context) {\n      return;\n    }\n\n    context.highPerformanceSave();\n\n    const textAttribute = getTheme(text, params?.theme).text;\n\n    const { keepDirIn3d = textAttribute.keepDirIn3d } = text.attribute;\n    // 文字如果需要变换，那就一定要计算3d矩阵\n    const computed3dMatrix = !keepDirIn3d;\n    const data = this.transform(text, textAttribute, context, computed3dMatrix);\n    const { x, y, z, lastModelMatrix } = data;\n\n    this.z = z;\n    this.drawShape(text, context, x, y, drawContext, params);\n    this.z = 0;\n\n    context.modelMatrix = lastModelMatrix;\n\n    context.highPerformanceRestore();\n  }\n\n  drawUnderLine(\n    underline: number,\n    lineThrough: number,\n    text: IText,\n    x: number,\n    y: number,\n    z: number,\n    textAttribute: Required<ITextGraphicAttribute>,\n    context: IContext2d\n  ) {\n    if (lineThrough + underline <= 0) {\n      return;\n    }\n\n    const {\n      textAlign = textAttribute.textAlign,\n      textBaseline = textAttribute.textBaseline,\n      fontSize = textAttribute.fontSize,\n      fillColor = textAttribute.fillColor,\n      opacity = textAttribute.opacity,\n      fillOpacity = textAttribute.fillOpacity\n    } = text.attribute;\n    const w = text.clipedWidth;\n    const offsetX = textDrawOffsetX(textAlign, w);\n    const offsetY = textLayoutOffsetY(textBaseline, fontSize);\n    const attribute = { lineWidth: 0, strokeColor: fillColor, opacity, strokeOpacity: fillOpacity };\n    if (underline) {\n      attribute.lineWidth = underline;\n      context.setStrokeStyle(text, attribute, x, y, textAttribute);\n      context.beginPath();\n      const dy = y + offsetY + fontSize;\n      context.moveTo(x + offsetX, dy, z);\n      context.lineTo(x + offsetX + w, dy, z);\n      context.stroke();\n    }\n    if (lineThrough) {\n      attribute.lineWidth = lineThrough;\n      context.setStrokeStyle(text, attribute, x, y, textAttribute);\n      context.beginPath();\n      const dy = y + offsetY + fontSize / 2;\n      context.moveTo(x + offsetX, dy, z);\n      context.lineTo(x + offsetX + w, dy, z);\n      context.stroke();\n    }\n  }\n\n  drawMultiUnderLine(\n    underline: number,\n    lineThrough: number,\n    text: IText,\n    x: number,\n    y: number,\n    z: number,\n    w: number,\n    textAttribute: Required<ITextGraphicAttribute>,\n    context: IContext2d\n  ) {\n    if (lineThrough + underline <= 0) {\n      return;\n    }\n\n    const {\n      textAlign = textAttribute.textAlign,\n      fontSize = textAttribute.fontSize,\n      fillColor = textAttribute.fillColor,\n      opacity = textAttribute.opacity,\n      fillOpacity = textAttribute.fillOpacity\n    } = text.attribute;\n\n    const offsetX = textDrawOffsetX(textAlign, w);\n    const offsetY = textLayoutOffsetY('alphabetic', fontSize);\n    const attribute = { lineWidth: 0, strokeColor: fillColor, opacity, strokeOpacity: fillOpacity };\n    let deltaY = -3;\n    if (underline) {\n      attribute.lineWidth = underline;\n      context.setStrokeStyle(text, attribute, x, y, textAttribute);\n      context.beginPath();\n      const dy = y + offsetY + fontSize + deltaY;\n      context.moveTo(x + offsetX, dy, z);\n      context.lineTo(x + offsetX + w, dy, z);\n      context.stroke();\n    }\n    deltaY = -1;\n    if (lineThrough) {\n      attribute.lineWidth = lineThrough;\n      context.setStrokeStyle(text, attribute, x, y, textAttribute);\n      context.beginPath();\n      const dy = y + offsetY + fontSize / 2 + deltaY;\n      context.moveTo(x + offsetX, dy, z);\n      context.lineTo(x + offsetX + w, dy, z);\n      context.stroke();\n    }\n  }\n}\n"]}

package/es/render/contributions/render/utils.d.ts

@@ -0,0 +1,10 @@
+import { IDrawContext } from '../../../render/render-service';
+import { IGraphicAttribute, IContext2d, IGraphic, IMarkAttribute, IThemeAttribute } from '../../../interface';
+import { IGraphicRenderDrawParams } from './graphic-render';
+export declare function runFill(fill: boolean): boolean;
+export declare function runStroke(stroke: number | boolean | boolean[], lineWidth: number): boolean;
+export declare function fillVisible(opacity: number, fillOpacity: number): boolean;
+export declare function rectFillVisible(opacity: number, fillOpacity: number, width: number, height: number): boolean;
+export declare function strokeVisible(opacity: number, strokeOpacity: number): boolean;
+export declare function rectStrokeVisible(opacity: number, strokeOpacity: number, width: number, height: number): boolean;
+export declare function drawPathProxy(graphic: IGraphic, context: IContext2d, x: number, y: number, drawContext: IDrawContext, params?: IGraphicRenderDrawParams, fillCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean, strokeCb?: (ctx: IContext2d, markAttribute: Partial<IMarkAttribute & IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean): boolean;

package/es/render/contributions/render/utils.js

@@ -0,0 +1,45 @@
+import { isArray } from "@visactor/vutils";
+
+import { renderCommandList } from "../../../common";
+
+import { getTheme } from "../../../graphic/theme";
+
+export function runFill(fill) {
+    return fill;
+}
+
+export function runStroke(stroke, lineWidth) {
+    let s;
+    return s = isArray(stroke) ? stroke.some((item => item)) : stroke, s && lineWidth > 0;
+}
+
+export function fillVisible(opacity, fillOpacity) {
+    return opacity * fillOpacity > 0;
+}
+
+export function rectFillVisible(opacity, fillOpacity, width, height) {
+    return opacity * fillOpacity > 0 && width > 0 && height > 0;
+}
+
+export function strokeVisible(opacity, strokeOpacity) {
+    return opacity * strokeOpacity > 0;
+}
+
+export function rectStrokeVisible(opacity, strokeOpacity, width, height) {
+    return opacity * strokeOpacity > 0 && width > 0 && height > 0;
+}
+
+export function drawPathProxy(graphic, context, x, y, drawContext, params, fillCb, strokeCb) {
+    if (!graphic.pathProxy) return !1;
+    const themeAttributes = getTheme(graphic, null == params ? void 0 : params.theme)[graphic.type], {fill: fill = (null == themeAttributes.fill ? !!graphic.attribute.fillColor : themeAttributes.fill), stroke: stroke = (null == themeAttributes.stroke ? !!graphic.attribute.strokeColor : themeAttributes.stroke), opacity: opacity = themeAttributes.opacity, fillOpacity: fillOpacity = themeAttributes.fillOpacity, lineWidth: lineWidth = themeAttributes.lineWidth, strokeOpacity: strokeOpacity = themeAttributes.strokeOpacity, visible: visible = themeAttributes.visible} = graphic.attribute, fVisible = fillVisible(opacity, fillOpacity), sVisible = strokeVisible(opacity, strokeOpacity), doFill = runFill(fill), doStroke = runStroke(stroke, lineWidth);
+    if (!visible) return !0;
+    if (!doFill && !doStroke) return !0;
+    if (!(fVisible || sVisible || fillCb || strokeCb)) return !0;
+    context.beginPath();
+    const path = "function" == typeof graphic.pathProxy ? graphic.pathProxy(graphic.attribute) : graphic.pathProxy;
+    return renderCommandList(path.commandList, context, x, y), context.setShadowStyle && context.setShadowStyle(graphic, graphic.attribute, themeAttributes), 
+    doStroke && (strokeCb ? strokeCb(context, graphic.attribute, themeAttributes) : sVisible && (context.setStrokeStyle(graphic, graphic.attribute, x, y, themeAttributes), 
+    context.stroke())), doFill && (fillCb ? fillCb(context, graphic.attribute, themeAttributes) : fVisible && (context.setCommonStyle(graphic, graphic.attribute, x, y, themeAttributes), 
+    context.fill())), !0;
+}
+//# sourceMappingURL=utils.js.map

package/es/render/contributions/render/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/contributions/render/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport { renderCommandList } from '../../../common';\nimport { IDrawContext } from '../../../render/render-service';\nimport { getTheme } from '../../../graphic/theme';\nimport { IGraphicAttribute, IContext2d, IGraphic, IMarkAttribute, IThemeAttribute } from '../../../interface';\nimport { IGraphicRenderDrawParams } from './graphic-render';\n\n/**\n * 是否需要执行fill逻辑\n * @param fill\n * @returns\n */\nexport function runFill(fill: boolean) {\n  return fill;\n}\n\n/**\n * 是否需要执行stroke逻辑\n * @param stroke\n * @returns\n */\nexport function runStroke(stroke: number | boolean | boolean[], lineWidth: number) {\n  let s: boolean | number;\n  if (isArray(stroke)) {\n    s = stroke.some(item => item);\n  } else {\n    s = stroke;\n  }\n  return s && lineWidth > 0;\n}\n\n/**\n * 是否fill部分可见\n * @param opacity\n * @param fillOpacity\n * @returns\n */\nexport function fillVisible(opacity: number, fillOpacity: number) {\n  return opacity * fillOpacity > 0;\n}\n\nexport function rectFillVisible(opacity: number, fillOpacity: number, width: number, height: number) {\n  return opacity * fillOpacity > 0 && width > 0 && height > 0;\n}\n\n/**\n * 是否stroke部分可见\n * @param opacity\n * @param strokeOpacity\n * @param lineWidth\n * @returns\n */\nexport function strokeVisible(opacity: number, strokeOpacity: number) {\n  return opacity * strokeOpacity > 0;\n}\n\nexport function rectStrokeVisible(opacity: number, strokeOpacity: number, width: number, height: number) {\n  return opacity * strokeOpacity > 0 && width > 0 && height > 0;\n}\n\nexport function drawPathProxy(\n  graphic: IGraphic,\n  context: IContext2d,\n  x: number,\n  y: number,\n  drawContext: IDrawContext,\n  params?: IGraphicRenderDrawParams,\n  fillCb?: (\n    ctx: IContext2d,\n    markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n    themeAttribute: IThemeAttribute\n  ) => boolean,\n  strokeCb?: (\n    ctx: IContext2d,\n    markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n    themeAttribute: IThemeAttribute\n  ) => boolean\n) {\n  if (!graphic.pathProxy) {\n    return false;\n  }\n\n  const themeAttributes = getTheme(graphic, params?.theme)[graphic.type];\n\n  const {\n    fill = themeAttributes.fill == null ? !!graphic.attribute.fillColor : themeAttributes.fill,\n    stroke = themeAttributes.stroke == null ? !!graphic.attribute.strokeColor : themeAttributes.stroke,\n    opacity = themeAttributes.opacity,\n    fillOpacity = themeAttributes.fillOpacity,\n    lineWidth = themeAttributes.lineWidth,\n    strokeOpacity = themeAttributes.strokeOpacity,\n    visible = themeAttributes.visible\n  } = graphic.attribute;\n  // 不绘制或者透明\n  const fVisible = fillVisible(opacity, fillOpacity);\n  const sVisible = strokeVisible(opacity, strokeOpacity);\n  const doFill = runFill(fill);\n  const doStroke = runStroke(stroke, lineWidth);\n\n  if (!visible) {\n    return true;\n  }\n\n  if (!(doFill || doStroke)) {\n    return true;\n  }\n\n  // 如果存在fillCb和strokeCb，那就不直接跳过\n  if (!(fVisible || sVisible || fillCb || strokeCb)) {\n    return true;\n  }\n\n  context.beginPath();\n  const path = typeof graphic.pathProxy === 'function' ? graphic.pathProxy(graphic.attribute) : graphic.pathProxy;\n  renderCommandList(path.commandList, context, x, y);\n\n  // shadow\n  context.setShadowStyle && context.setShadowStyle(graphic, graphic.attribute, themeAttributes);\n\n  if (doStroke) {\n    if (strokeCb) {\n      strokeCb(context, graphic.attribute, themeAttributes);\n    } else if (sVisible) {\n      context.setStrokeStyle(graphic, graphic.attribute, x, y, themeAttributes);\n      context.stroke();\n    }\n  }\n  if (doFill) {\n    if (fillCb) {\n      fillCb(context, graphic.attribute, themeAttributes);\n    } else if (fVisible) {\n      context.setCommonStyle(graphic, graphic.attribute, x, y, themeAttributes);\n      context.fill();\n    }\n  }\n  return true;\n}\n"]}

package/es/render/index.d.ts

@@ -0,0 +1,2 @@
+export * from './render-service';
+export * from './contributions/render';

package/es/render/index.js

@@ -0,0 +1,4 @@
+export * from "./render-service";
+
+export * from "./contributions/render";
+//# sourceMappingURL=index.js.map

package/es/render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/index.ts"],"names":[],"mappings":"AAEA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC","file":"index.js","sourcesContent":["// export { RenderService, IDrawContribution, IRenderService, IRenderServiceDrawParams } from './render-service';\n// export { GraphicRender, IGraphicRender } from './contributions/render/graphic-render';\nexport * from './render-service';\nexport * from './contributions/render';\n"]}

package/es/render/render-modules.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/es/render/render-modules.js

@@ -0,0 +1,8 @@
+import { ContainerModule } from "inversify";
+
+import { DefaultRenderService, RenderService } from "./render-service";
+
+export default new ContainerModule((bind => {
+    bind(DefaultRenderService).toSelf(), bind(RenderService).toService(DefaultRenderService);
+}));
+//# sourceMappingURL=render-modules.js.map

package/es/render/render-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/render-modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;IACpC,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC","file":"render-modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { DefaultRenderService, RenderService } from './render-service';\n\nexport default new ContainerModule(bind => {\n  bind(DefaultRenderService).toSelf();\n  bind(RenderService).toService(DefaultRenderService);\n});\n"]}

package/es/render/render-service.d.ts

@@ -0,0 +1,73 @@
+import { IAABBBounds, IBounds } from '@visactor/vutils';
+import { IGroup, IGraphic, IContext2d, MaybePromise, IColor, IStage, ILayer } from '../interface';
+import { IGraphicRender, IGraphicRenderDrawParams } from './contributions/render';
+import { SyncHook } from '../tapable';
+export interface IRenderServiceDrawParams {
+    context?: IContext2d;
+    clear?: string | IColor;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    stage: IStage;
+    layer: ILayer;
+    renderService: IRenderService;
+    updateBounds: boolean;
+    renderStyle?: string;
+}
+export interface IRenderService {
+    dirtyBounds: IBounds;
+    renderTreeRoots: IGraphic[];
+    renderLists: IGraphic[];
+    drawParams: IRenderServiceDrawParams;
+    prepare: (updateBounds: boolean) => void;
+    prepareRenderList: () => void;
+    beforeDraw: (params: IRenderServiceDrawParams) => void;
+    draw: (params: IRenderServiceDrawParams) => void;
+    afterDraw: (params: IRenderServiceDrawParams) => void;
+    render: (groups: IGroup[], params: IRenderServiceDrawParams) => MaybePromise<void>;
+}
+export interface IDrawContext extends IRenderServiceDrawParams {
+    startAtId?: number;
+    break?: boolean;
+    restartIncremental?: boolean;
+    multiGraphicOptions?: {
+        startAtIdx: number;
+        length: number;
+    };
+    in3dInterceptor?: boolean;
+    drawContribution?: IDrawContribution;
+    hack_pieFace?: 'inside' | 'bottom' | 'top' | 'outside';
+}
+export interface IDrawContribution {
+    hooks?: {
+        completeDraw: SyncHook<[]>;
+    };
+    dirtyBounds?: IAABBBounds;
+    backupDirtyBounds?: IAABBBounds;
+    rendering?: boolean;
+    currentRenderMap: Map<number, IGraphicRender>;
+    defaultRenderMap: Map<number, IGraphicRender>;
+    styleRenderMap: Map<string, Map<number, IGraphicRender>>;
+    draw: (renderService: IRenderService, drawParams: IDrawContext) => MaybePromise<void>;
+    getRenderContribution: (graphic: IGraphic) => IGraphicRender | null;
+    renderGroup: (group: IGroup, drawContext: IDrawContext) => void;
+    renderItem: (graphic: IGraphic, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) => void;
+}
+export declare const RenderService: unique symbol;
+export declare const BeforeRenderConstribution: unique symbol;
+export declare class DefaultRenderService implements IRenderService {
+    private readonly drawContribution;
+    dirtyBounds: IBounds;
+    renderTreeRoots: IGraphic[];
+    renderLists: IGraphic[];
+    drawParams: IRenderServiceDrawParams;
+    constructor(drawContribution: IDrawContribution);
+    prepare(updateBounds: boolean): void;
+    protected _prepare(g: IGraphic, updateBounds: boolean): void;
+    prepareRenderList(): void;
+    beforeDraw(params: IRenderServiceDrawParams): void;
+    draw(params: IRenderServiceDrawParams): void;
+    afterDraw(params: IRenderServiceDrawParams): void;
+    render(groups: IGroup[], params: IRenderServiceDrawParams): void;
+}

package/es/render/render-service.js

@@ -0,0 +1,55 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+import { injectable, inject } from "inversify";
+
+import { DrawContribution } from "./contributions/render";
+
+export const RenderService = Symbol.for("RenderService");
+
+export const BeforeRenderConstribution = Symbol.for("BeforeRenderConstribution");
+
+let DefaultRenderService = class {
+    constructor(drawContribution) {
+        this.drawContribution = drawContribution;
+    }
+    prepare(updateBounds) {
+        this.renderTreeRoots.forEach((g => {
+            this._prepare(g, updateBounds);
+        }));
+    }
+    _prepare(g, updateBounds) {
+        g.forEachChildren((g => {
+            this._prepare(g, updateBounds);
+        })), g.update({
+            bounds: updateBounds,
+            trans: !0
+        });
+    }
+    prepareRenderList() {}
+    beforeDraw(params) {}
+    draw(params) {
+        this.drawContribution.draw(this, Object.assign({}, this.drawParams));
+    }
+    afterDraw(params) {}
+    render(groups, params) {
+        this.renderTreeRoots = groups, this.drawParams = params;
+        const updateBounds = params.updateBounds;
+        this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), 
+        this.afterDraw(params);
+    }
+};
+
+DefaultRenderService = __decorate([ injectable(), __param(0, inject(DrawContribution)), __metadata("design:paramtypes", [ Object ]) ], DefaultRenderService);
+
+export { DefaultRenderService };
+//# sourceMappingURL=render-service.js.map

package/es/render/render-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/render-service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,EAAE,gBAAgB,EAA4C,MAAM,wBAAwB,CAAC;AAkEpG,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;AAW1E,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IAO/B,YAEmB,gBAAmC;QAAnC,qBAAgB,GAAhB,gBAAgB,CAAmB;IACnD,CAAC;IAGJ,OAAO,CAAC,YAAqB;QAC3B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IACS,QAAQ,CAAC,CAAW,EAAE,YAAqB;QACnD,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;YACpB,IAAI,CAAC,QAAQ,CAAC,CAAa,EAAE,YAAY,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,iBAAiB;QACf,OAAO;IACT,CAAC;IAED,UAAU,CAAC,MAAgC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,MAAgC;QACnC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,oBAAO,IAAI,CAAC,UAAU,EAAG,CAAC;IAC3D,CAAC;IAED,SAAS,CAAC,MAAgC;QACxC,OAAO;IACT,CAAC;IAED,MAAM,CAAC,MAAgB,EAAE,MAAgC;QACvD,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;QAC9B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QACzB,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC;CACF,CAAA;AApDY,oBAAoB;IADhC,UAAU,EAAE;IASR,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;;GARhB,oBAAoB,CAoDhC;SApDY,oBAAoB","file":"render-service.js","sourcesContent":["import { injectable, inject } from 'inversify';\nimport { IAABBBounds, IBounds } from '@visactor/vutils';\nimport { IGroup, IGraphic, IContext2d, MaybePromise, IColor, IStage, ILayer } from '../interface';\nimport { DrawContribution, IGraphicRender, IGraphicRenderDrawParams } from './contributions/render';\nimport { SyncHook } from '../tapable';\n\n// 用于绘制的参数，提供context\n// TODO: 考虑是否可以隐藏上下文类型\nexport interface IRenderServiceDrawParams {\n  context?: IContext2d;\n\n  // 绘制的区域以及是否需要清屏\n  clear?: string | IColor;\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n  stage: IStage;\n  layer: ILayer;\n  renderService: IRenderService;\n  updateBounds: boolean;\n  renderStyle?: string;\n}\n\nexport interface IRenderService {\n  dirtyBounds: IBounds;\n  renderTreeRoots: IGraphic[]; // 此次render的数组\n  renderLists: IGraphic[];\n  drawParams: IRenderServiceDrawParams;\n\n  prepare: (updateBounds: boolean) => void;\n  prepareRenderList: () => void;\n  beforeDraw: (params: IRenderServiceDrawParams) => void;\n  draw: (params: IRenderServiceDrawParams) => void;\n  afterDraw: (params: IRenderServiceDrawParams) => void;\n  render: (groups: IGroup[], params: IRenderServiceDrawParams) => MaybePromise<void>;\n}\n\nexport interface IDrawContext extends IRenderServiceDrawParams {\n  startAtId?: number;\n  break?: boolean;\n  restartIncremental?: boolean;\n  // multi图元开始的位置\n  multiGraphicOptions?: {\n    startAtIdx: number;\n    length: number;\n  };\n  in3dInterceptor?: boolean;\n  drawContribution?: IDrawContribution;\n  // hack内容\n  hack_pieFace?: 'inside' | 'bottom' | 'top' | 'outside';\n}\n\nexport interface IDrawContribution {\n  hooks?: {\n    completeDraw: SyncHook<[]>;\n  };\n  dirtyBounds?: IAABBBounds;\n  backupDirtyBounds?: IAABBBounds;\n  rendering?: boolean;\n  currentRenderMap: Map<number, IGraphicRender>;\n  defaultRenderMap: Map<number, IGraphicRender>;\n  styleRenderMap: Map<string, Map<number, IGraphicRender>>;\n  draw: (renderService: IRenderService, drawParams: IDrawContext) => MaybePromise<void>;\n  getRenderContribution: (graphic: IGraphic) => IGraphicRender | null;\n  renderGroup: (group: IGroup, drawContext: IDrawContext) => void;\n  renderItem: (graphic: IGraphic, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) => void;\n}\n\nexport const RenderService = Symbol.for('RenderService');\nexport const BeforeRenderConstribution = Symbol.for('BeforeRenderConstribution');\n\ninterface IBeforeRenderConstribution {\n  apply: (renderService: IRenderService) => MaybePromise<void>;\n}\n\n/**\n * 渲染用的service，通常和stage一一绑定，\n * 并不是单例模式，所以会绑定此次渲染的一些数据\n */\n@injectable()\nexport class DefaultRenderService implements IRenderService {\n  // 每次render都会变的数据\n  dirtyBounds: IBounds;\n  renderTreeRoots: IGraphic[]; // 此次render的数组\n  renderLists: IGraphic[];\n  drawParams: IRenderServiceDrawParams;\n\n  constructor(\n    @inject(DrawContribution)\n    private readonly drawContribution: IDrawContribution\n  ) {}\n\n  // 渲染前准备工作，计算bounds等逻辑\n  prepare(updateBounds: boolean): void {\n    this.renderTreeRoots.forEach(g => {\n      this._prepare(g, updateBounds);\n    });\n    return;\n  }\n  protected _prepare(g: IGraphic, updateBounds: boolean) {\n    g.forEachChildren(g => {\n      this._prepare(g as IGraphic, updateBounds);\n    });\n    g.update({ bounds: updateBounds, trans: true });\n  }\n  // 获取要渲染的list，可能存在一些不用渲染的内容，以及外描边\n  prepareRenderList(): void {\n    return;\n  }\n  // 渲染前流程\n  beforeDraw(params: IRenderServiceDrawParams): void {\n    return;\n  }\n  // 具体渲染\n  draw(params: IRenderServiceDrawParams): void {\n    this.drawContribution.draw(this, { ...this.drawParams });\n  }\n  // 渲染后流程\n  afterDraw(params: IRenderServiceDrawParams): void {\n    return;\n  }\n  // 对外暴露的绘制方法\n  render(groups: IGroup[], params: IRenderServiceDrawParams): void {\n    this.renderTreeRoots = groups;\n    this.drawParams = params;\n    const updateBounds = params.updateBounds;\n    this.prepare(updateBounds);\n    this.prepareRenderList();\n    this.beforeDraw(params);\n    this.draw(params);\n    this.afterDraw(params);\n  }\n}\n"]}

package/es/resource-loader/loader.d.ts

@@ -0,0 +1,27 @@
+import { IImage } from '../interface';
+export type SupportResourceType = 'json' | 'image' | 'svg' | 'bitmap' | 'canvas' | 'arrayBuffer' | 'blob' | 'imageData' | 'offscreenCanvas';
+export interface ResourceData {
+    type: SupportResourceType;
+    data?: HTMLImageElement | ImageBitmap | OffscreenCanvas | ArrayBuffer | Blob | ImageData | {
+        [id: string]: any;
+    } | null;
+    dataPromise?: Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | ArrayBuffer | Blob | Record<string, unknown> | null;
+    }>;
+    loadState: 'init' | 'loading' | 'success' | 'fail';
+    waitingMark?: ImagePayload[];
+}
+interface ImagePayload {
+    imageLoadFail: (url: string) => void;
+    imageLoadSuccess: (url: string, data: HTMLImageElement) => void;
+}
+export declare class ResourceLoader {
+    private static cache;
+    static GetImage(url: string, mark: ImagePayload): void;
+    static GetSvg(svgStr: string, mark: IImage): void;
+    static GetFile(url: string, type: 'json' | 'arrayBuffer' | 'blob'): Promise<ImageData | HTMLImageElement | ImageBitmap | Blob | ArrayBuffer | OffscreenCanvas | {
+        [id: string]: any;
+    }>;
+}
+export {};

package/es/resource-loader/loader.js

@@ -0,0 +1,55 @@
+import { global } from "../modules";
+
+export class ResourceLoader {
+    static GetImage(url, mark) {
+        var _a;
+        let data = ResourceLoader.cache.get(url);
+        data ? "fail" === data.loadState ? global.getRequestAnimationFrame()((() => {
+            mark.imageLoadFail(url);
+        })) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && global.getRequestAnimationFrame()((() => {
+            mark.imageLoadSuccess(url, data.data);
+        })) : (data = {
+            type: "image",
+            loadState: "init"
+        }, ResourceLoader.cache.set(url, data), data.dataPromise = global.loadImage(url), 
+        data.dataPromise ? (data.waitingMark = [ mark ], data.dataPromise.then((res => {
+            var _a;
+            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(url, res.data)) : (data.loadState = "fail", mark.imageLoadFail(url));
+            }));
+        }))) : (data.loadState = "fail", mark.imageLoadFail(url)));
+    }
+    static GetSvg(svgStr, mark) {
+        var _a;
+        let data = ResourceLoader.cache.get(svgStr);
+        data ? "fail" === data.loadState ? global.getRequestAnimationFrame()((() => {
+            mark.imageLoadFail(svgStr);
+        })) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && global.getRequestAnimationFrame()((() => {
+            mark.imageLoadSuccess(svgStr, data.data);
+        })) : (data = {
+            type: "image",
+            loadState: "init"
+        }, ResourceLoader.cache.set(svgStr, data), data.dataPromise = global.loadSvg(svgStr), 
+        data.dataPromise ? (data.waitingMark = [ mark ], data.dataPromise.then((res => {
+            var _a;
+            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.loadState = "fail", mark.imageLoadFail(svgStr)));
+    }
+    static GetFile(url, type) {
+        let data = ResourceLoader.cache.get(url);
+        return data ? "init" === data.loadState || "fail" === data.loadState ? Promise.reject() : "loading" === data.loadState ? data.dataPromise.then((data => data.data)) : Promise.resolve(data.data) : (data = {
+            type: type,
+            loadState: "init"
+        }, ResourceLoader.cache.set(url, data), "arrayBuffer" === type ? data.dataPromise = global.loadArrayBuffer(url) : "blob" === type ? data.dataPromise = global.loadBlob(url) : "json" === type && (data.dataPromise = global.loadJson(url)), 
+        data.dataPromise.then((data => data.data)));
+    }
+}
+
+ResourceLoader.cache = new Map;
+//# sourceMappingURL=loader.js.map

package/es/resource-loader/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resource-loader/loader.ts"],"names":[],"mappings":"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","file":"loader.js","sourcesContent":["import { IGraphic, IImage } from '../interface';\nimport { global } from '../modules';\n\nexport type SupportResourceType =\n  | 'json'\n  | 'image'\n  | 'svg'\n  | 'bitmap'\n  | 'canvas'\n  | 'arrayBuffer'\n  | 'blob'\n  | 'imageData'\n  | 'offscreenCanvas';\n\nexport interface ResourceData {\n  type: SupportResourceType; // 资源类型\n  data?:\n    | HTMLImageElement\n    | ImageBitmap\n    | OffscreenCanvas\n    | ArrayBuffer\n    | Blob\n    | ImageData\n    | { [id: string]: any }\n    | null; // 资源的数据\n  dataPromise?: Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | ArrayBuffer | Blob | Record<string, unknown> | null;\n  }>; // loader返回的promise，可能会修改原始loader的返回值\n  loadState: 'init' | 'loading' | 'success' | 'fail'; // 资源的状态\n  waitingMark?: ImagePayload[]; // 使用该资源的VRender Mark，资源加载完成后，逐一处理Mark中的逻辑\n}\n\ninterface ImagePayload {\n  imageLoadFail: (url: string) => void;\n  imageLoadSuccess: (url: string, data: HTMLImageElement) => void;\n}\n\nexport class ResourceLoader {\n  private static cache: Map<string, ResourceData> = new Map();\n\n  static GetImage(url: string, mark: ImagePayload) {\n    let data = ResourceLoader.cache.get(url);\n    if (data) {\n      // 存在缓存\n      if (data.loadState === 'fail') {\n        // 资源请求失败，修改mark状态\n        global.getRequestAnimationFrame()(() => {\n          mark.imageLoadFail(url);\n        });\n      } else if (data.loadState === 'init' || data.loadState === 'loading') {\n        // 资源padding队列加入mark信息\n        data.waitingMark?.push(mark);\n      } else if (mark) {\n        global.getRequestAnimationFrame()(() => {\n          mark.imageLoadSuccess(url, data.data as HTMLImageElement);\n        });\n      }\n    } else {\n      data = { type: 'image', loadState: 'init' };\n      ResourceLoader.cache.set(url, data);\n\n      data.dataPromise = global.loadImage(url);\n      if (!data.dataPromise) {\n        // 无法获取资源，修改缓存和mark状态\n        data.loadState = 'fail';\n        mark.imageLoadFail(url);\n      } else {\n        // 资源padding队列加入mark信息\n        data.waitingMark = [mark];\n\n        data.dataPromise.then(res => {\n          data.loadState = res?.data ? 'success' : 'fail';\n          data.data = res?.data;\n          // 遍历资源padding队列，更新mark信息\n          data.waitingMark?.map((mark: IImage, index) => {\n            if (res?.data) {\n              data.loadState = 'success';\n              data.data = res.data;\n              mark.imageLoadSuccess(url, res.data as HTMLImageElement);\n            } else {\n              data.loadState = 'fail';\n              mark.imageLoadFail(url);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  static GetSvg(svgStr: string, mark: IImage) {\n    let data = ResourceLoader.cache.get(svgStr);\n    if (data) {\n      // 存在缓存\n      if (data.loadState === 'fail') {\n        // 资源请求失败，修改mark状态\n        global.getRequestAnimationFrame()(() => {\n          mark.imageLoadFail(svgStr);\n        });\n      } else if (data.loadState === 'init' || data.loadState === 'loading') {\n        // 资源padding队列加入mark信息\n        data.waitingMark?.push(mark);\n      } else if (mark) {\n        global.getRequestAnimationFrame()(() => {\n          mark.imageLoadSuccess(svgStr, data.data as HTMLImageElement);\n        });\n      }\n    } else {\n      data = { type: 'image', loadState: 'init' };\n      ResourceLoader.cache.set(svgStr, data);\n\n      data.dataPromise = global.loadSvg(svgStr);\n      if (!data.dataPromise) {\n        // 无法获取资源，修改缓存和mark状态\n        data.loadState = 'fail';\n        mark.imageLoadFail(svgStr);\n      } else {\n        // 资源padding队列加入mark信息\n        data.waitingMark = [mark];\n\n        data.dataPromise.then(res => {\n          data.loadState = res?.data ? 'success' : 'fail';\n          data.data = res?.data;\n          // 遍历资源padding队列，更新mark信息\n          data.waitingMark?.map((mark: IImage, index) => {\n            if (res?.data) {\n              data.loadState = 'success';\n              data.data = res.data;\n              mark.imageLoadSuccess(svgStr, res.data as HTMLImageElement);\n            } else {\n              data.loadState = 'fail';\n              mark.imageLoadFail(svgStr);\n            }\n          });\n        });\n      }\n    }\n  }\n\n  static GetFile(url: string, type: 'json' | 'arrayBuffer' | 'blob') {\n    let data = ResourceLoader.cache.get(url);\n    if (data) {\n      // 存在缓存\n      if (data.loadState === 'init' || data.loadState === 'fail') {\n        return Promise.reject();\n      } else if (data.loadState === 'loading') {\n        return data.dataPromise.then(data => data.data);\n      }\n      return Promise.resolve(data.data);\n    }\n    data = { type, loadState: 'init' };\n    ResourceLoader.cache.set(url, data);\n\n    if (type === 'arrayBuffer') {\n      data.dataPromise = global.loadArrayBuffer(url);\n    } else if (type === 'blob') {\n      data.dataPromise = global.loadBlob(url);\n    } else if (type === 'json') {\n      data.dataPromise = global.loadJson(url);\n    }\n\n    return data.dataPromise.then(data => data.data);\n  }\n}\n"]}

package/es/tapable/Hook.d.ts

@@ -0,0 +1,29 @@
+export type ICompileOptions = any;
+export type FullTap = Tap & {
+    type: 'sync' | 'async' | 'promise';
+    fn: (...d: any) => any;
+};
+type Tap = TapOptions & {
+    name: string;
+};
+type TapOptions = {
+    before?: string;
+    stage?: number;
+};
+export type AsArray<T> = T extends any[] ? T : [T];
+export declare class UnsetAdditionalOptions {
+    _UnsetAdditionalOptions: true;
+}
+type IfSet<X> = X extends UnsetAdditionalOptions ? any : X;
+export declare abstract class Hook<T, R, AdditionalOptions = UnsetAdditionalOptions> {
+    protected _args: string[];
+    readonly name?: string;
+    taps: FullTap[];
+    constructor(args: string[], name?: string);
+    tap(options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R): void;
+    unTap(options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R): void;
+    protected _parseOptions(type: string, options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R): FullTap;
+    protected _tap(type: string, options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R): void;
+    protected _insert(item: FullTap): void;
+}
+export {};

package/es/tapable/Hook.js

@@ -0,0 +1,52 @@
+export class Hook {
+    constructor(args, name) {
+        this._args = args, this.name = name, this.taps = [];
+    }
+    tap(options, fn) {
+        this._tap("sync", options, fn);
+    }
+    unTap(options, fn) {
+        const name = "string" == typeof options ? options.trim() : options.name;
+        name && (this.taps = this.taps.filter((tap => tap.name !== name && (!fn || tap.fn === fn))));
+    }
+    _parseOptions(type, options, fn) {
+        let _options;
+        if ("string" == typeof options) _options = {
+            name: options.trim()
+        }; else if ("object" != typeof options || null === options) throw new Error("Invalid tap options");
+        if ("string" != typeof _options.name || "" === _options.name) throw new Error("Missing name for tap");
+        return _options = Object.assign({
+            type: type,
+            fn: fn
+        }, _options), _options;
+    }
+    _tap(type, options, fn) {
+        this._insert(this._parseOptions(type, options, fn));
+    }
+    _insert(item) {
+        let before;
+        "string" == typeof item.before ? before = new Set([ item.before ]) : Array.isArray(item.before) && (before = new Set(item.before));
+        let stage = 0;
+        "number" == typeof item.stage && (stage = item.stage);
+        let i = this.taps.length;
+        for (;i > 0; ) {
+            i--;
+            const x = this.taps[i];
+            this.taps[i + 1] = x;
+            const xStage = x.stage || 0;
+            if (before) {
+                if (before.has(x.name)) {
+                    before.delete(x.name);
+                    continue;
+                }
+                if (before.size > 0) continue;
+            }
+            if (!(xStage > stage)) {
+                i++;
+                break;
+            }
+        }
+        this.taps[i] = item;
+    }
+}
+//# sourceMappingURL=Hook.js.map

package/es/tapable/Hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tapable/Hook.ts"],"names":[],"mappings":"AAgDA,MAAM,OAAgB,IAAI;IAKxB,YAAY,IAAc,EAAE,IAAa;QACvC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IAYjB,CAAC;IAID,GAAG,CAAC,OAAkD,EAAE,EAA8B;QACpF,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,KAAK,CAAC,OAAkD,EAAE,EAA+B;QACvF,MAAM,IAAI,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QAEzE,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;SAClF;IACH,CAAC;IAES,aAAa,CACrB,IAAY,EACZ,OAAkD,EAClD,EAA8B;QAE9B,IAAI,QAAiB,CAAC;QACtB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC/B,QAAQ,GAAG;gBACT,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;aACd,CAAC;SACV;aAAM,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,EAAE;YAC1D,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;SACxC;QACD,IAAI,OAAO,QAAQ,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,EAAE,EAAE;YAC7D,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;SACzC;QACD,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;QAEjD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAES,IAAI,CAAC,IAAY,EAAE,OAAkD,EAAE,EAA8B;QAC7G,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IAES,OAAO,CAAC,IAAa;QAC7B,IAAI,MAAM,CAAC;QACX,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACnC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;SACjC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACrC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SAC/B;QACD,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SACpB;QACD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QACzB,OAAO,CAAC,GAAG,CAAC,EAAE;YACZ,CAAC,EAAE,CAAC;YACJ,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YACrB,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;YAC5B,IAAI,MAAM,EAAE;gBACV,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;oBACtB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBACtB,SAAS;iBACV;gBACD,IAAI,MAAM,CAAC,IAAI,GAAG,CAAC,EAAE;oBACnB,SAAS;iBACV;aACF;YACD,IAAI,MAAM,GAAG,KAAK,EAAE;gBAClB,SAAS;aACV;YACD,CAAC,EAAE,CAAC;YACJ,MAAM;SACP;QACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACtB,CAAC;CACF","file":"Hook.js","sourcesContent":["export type ICompileOptions = any;\n\n/**\n * 参考 https://github.com/webpack/tapable\n * The MIT License\n\n  Copyright JS Foundation and other contributors\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\nexport type FullTap = Tap & {\n  type: 'sync' | 'async' | 'promise';\n  fn: (...d: any) => any;\n};\n\ntype Tap = TapOptions & {\n  name: string;\n};\n\ntype TapOptions = {\n  before?: string;\n  stage?: number;\n};\n\nexport type AsArray<T> = T extends any[] ? T : [T];\n\nexport declare class UnsetAdditionalOptions {\n  _UnsetAdditionalOptions: true;\n}\ntype IfSet<X> = X extends UnsetAdditionalOptions ? any : X;\n\nexport abstract class Hook<T, R, AdditionalOptions = UnsetAdditionalOptions> {\n  protected _args: string[];\n  readonly name?: string;\n  taps: FullTap[];\n\n  constructor(args: string[], name?: string) {\n    this._args = args;\n    this.name = name;\n    this.taps = [];\n    // this.interceptors = [];\n    // this._call = CALL_DELEGATE;\n    // this.call = CALL_DELEGATE;\n    // this._callAsync = CALL_ASYNC_DELEGATE;\n    // this.callAsync = CALL_ASYNC_DELEGATE;\n    // this._promise = PROMISE_DELEGATE;\n    // this.promise = PROMISE_DELEGATE;\n    // this._x = undefined;\n\n    // this.tapAsync = this.tapAsync;\n    // this.tapPromise = this.tapPromise;\n  }\n\n  // abstract compile(options: ICompileOptions): void;\n\n  tap(options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R): void {\n    this._tap('sync', options, fn);\n  }\n\n  unTap(options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R): void {\n    const name = typeof options === 'string' ? options.trim() : options.name;\n\n    if (name) {\n      this.taps = this.taps.filter(tap => tap.name !== name && (!fn || tap.fn === fn));\n    }\n  }\n\n  protected _parseOptions(\n    type: string,\n    options: string | (Tap & IfSet<AdditionalOptions>),\n    fn: (...args: AsArray<T>) => R\n  ) {\n    let _options: FullTap;\n    if (typeof options === 'string') {\n      _options = {\n        name: options.trim()\n      } as any;\n    } else if (typeof options !== 'object' || options === null) {\n      throw new Error('Invalid tap options');\n    }\n    if (typeof _options.name !== 'string' || _options.name === '') {\n      throw new Error('Missing name for tap');\n    }\n    _options = Object.assign({ type, fn }, _options);\n\n    return _options;\n  }\n\n  protected _tap(type: string, options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R) {\n    this._insert(this._parseOptions(type, options, fn));\n  }\n\n  protected _insert(item: FullTap) {\n    let before;\n    if (typeof item.before === 'string') {\n      before = new Set([item.before]);\n    } else if (Array.isArray(item.before)) {\n      before = new Set(item.before);\n    }\n    let stage = 0;\n    if (typeof item.stage === 'number') {\n      stage = item.stage;\n    }\n    let i = this.taps.length;\n    while (i > 0) {\n      i--;\n      const x = this.taps[i];\n      this.taps[i + 1] = x;\n      const xStage = x.stage || 0;\n      if (before) {\n        if (before.has(x.name)) {\n          before.delete(x.name);\n          continue;\n        }\n        if (before.size > 0) {\n          continue;\n        }\n      }\n      if (xStage > stage) {\n        continue;\n      }\n      i++;\n      break;\n    }\n    this.taps[i] = item;\n  }\n}\n"]}

package/es/tapable/SyncHook.d.ts

@@ -0,0 +1,4 @@
+import { AsArray, Hook, UnsetAdditionalOptions } from './Hook';
+export declare class SyncHook<T, R = void, AdditionalOptions = UnsetAdditionalOptions> extends Hook<T, R, AdditionalOptions> {
+    call(...args: AsArray<T>): R;
+}