@visactor/vrender-core 0.22.7-alpha.0 → 0.23.0-alpha.2

package/cjs/canvas/constants.js

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

package/cjs/color-string/index.js

@@ -18,5 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./interpolate"), exports), __exportStar(require("./store"), exports), 
-__exportStar(require("./colorName"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./colorName"), exports);

package/cjs/color-string/interpolate.d.ts

@@ -5,4 +5,5 @@ export declare function interpolateGradientLinearColor(fc: ILinearGradient, tc:
 export declare function interpolateGradientRadialColor(fc: IRadialGradient, tc: IRadialGradient, ratio: number): false | IRadialGradient;
 export declare function interpolateGradientConicalColor(fc: IConicalGradient, tc: IConicalGradient, ratio: number): false | IConicalGradient;
 export declare function interpolatePureColorArray(from: [number, number, number, number], to: [number, number, number, number], ratio: number): [number, number, number, number];
+export declare function interpolatePureColorArrayToStr(from: [number, number, number, number], to: [number, number, number, number], ratio: number): string;
 export declare function colorStringInterpolationToStr(fromColor: string, toColor: string, ratio: number): string;

package/cjs/color-string/interpolate.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.colorStringInterpolationToStr = exports.interpolatePureColorArray = exports.interpolateGradientConicalColor = exports.interpolateGradientRadialColor = exports.interpolateGradientLinearColor = exports._interpolateColor = exports.interpolateColor = void 0;
+}), exports.colorStringInterpolationToStr = exports.interpolatePureColorArrayToStr = exports.interpolatePureColorArray = exports.interpolateGradientConicalColor = exports.interpolateGradientRadialColor = exports.interpolateGradientLinearColor = exports._interpolateColor = exports.interpolateColor = void 0;
 
 const store_1 = require("./store"), vutils_1 = require("@visactor/vutils");
 
@@ -97,9 +97,14 @@ function interpolatePureColorArray(from, to, ratio) {
     return [ from[0] + (to[0] - from[0]) * ratio, from[1] + (to[1] - from[1]) * ratio, from[2] + (to[2] - from[2]) * ratio, from[3] + (to[3] - from[3]) * ratio ];
 }
 
+function interpolatePureColorArrayToStr(from, to, ratio) {
+    return `rgba(${from[0] + (to[0] - from[0]) * ratio},${from[1] + (to[1] - from[1]) * ratio},${from[2] + (to[2] - from[2]) * ratio},${from[3] + (to[3] - from[3]) * ratio})`;
+}
+
 exports.interpolateColor = interpolateColor, exports._interpolateColor = _interpolateColor, 
 exports.interpolateGradientLinearColor = interpolateGradientLinearColor, exports.interpolateGradientRadialColor = interpolateGradientRadialColor, 
-exports.interpolateGradientConicalColor = interpolateGradientConicalColor, exports.interpolatePureColorArray = interpolatePureColorArray;
+exports.interpolateGradientConicalColor = interpolateGradientConicalColor, exports.interpolatePureColorArray = interpolatePureColorArray, 
+exports.interpolatePureColorArrayToStr = interpolatePureColorArrayToStr;
 
 const _fromColorRGB = [ 0, 0, 0, 0 ], _toColorRGB = [ 0, 0, 0, 0 ];
 

package/cjs/color-string/interpolate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/color-string/interpolate.ts"],"names":[],"mappings":"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","file":"interpolate.js","sourcesContent":["import { ColorStore, ColorType } from './store';\nimport type { IGradientColor, ILinearGradient, IRadialGradient, IConicalGradient } from '../interface';\nimport { isArray, isNumber } from '@visactor/vutils';\n\nfunction colorArrayToString(\n  color: string | IGradientColor | [number, number, number, number],\n  alphaChannel: boolean = false\n) {\n  if (Array.isArray(color) && isNumber(color[0])) {\n    return alphaChannel\n      ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})`\n      : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})`;\n  }\n  return color;\n}\n\nexport function interpolateColor(\n  from: [number, number, number, number] | [string, string, string, string] | string | IGradientColor,\n  to: [number, number, number, number] | [string, string, string, string] | string | IGradientColor,\n  ratio: number,\n  alphaChannel: boolean,\n  cb?: (fromArray: [number, number, number, number], toArray: [number, number, number, number]) => void\n): false | string | IGradientColor | string[] {\n  if ((Array.isArray(from) && !isNumber(from[0])) || (Array.isArray(to) && !isNumber(to[0]))) {\n    // 待性能优化\n    const out: string[] = new Array(4).fill(0).map((_, index) => {\n      return _interpolateColor(\n        isArray(from) ? (from[index] as string) : from,\n        isArray(to) ? (to[index] as string) : to,\n        ratio,\n        alphaChannel\n      ) as string;\n    });\n    return out;\n    // cb && cb(from!, to!);\n  }\n  return _interpolateColor(from as any, to as any, ratio, alphaChannel, cb);\n}\n\nexport function _interpolateColor(\n  from: [number, number, number, number] | string | IGradientColor,\n  to: [number, number, number, number] | string | IGradientColor,\n  ratio: number,\n  alphaChannel: boolean,\n  cb?: (fromArray: [number, number, number, number], toArray: [number, number, number, number]) => void\n): false | string | IGradientColor | string[] {\n  if (!(from && to)) {\n    return (from && colorArrayToString(from)) || (to && colorArrayToString(to)) || (false as any);\n  }\n  let fromArray: [number, number, number, number];\n  let toArray: [number, number, number, number];\n  let fromGradient: boolean = false;\n  let toGradient: boolean = false;\n  if (Array.isArray(from)) {\n    fromArray = from as [number, number, number, number];\n  } else if (typeof from === 'string') {\n    fromArray = ColorStore.Get(from, ColorType.Color255);\n  } else {\n    fromGradient = true;\n  }\n  if (Array.isArray(to)) {\n    toArray = to as [number, number, number, number];\n  } else if (typeof to === 'string') {\n    toArray = ColorStore.Get(to, ColorType.Color255);\n  } else {\n    toGradient = true;\n  }\n  if (fromGradient !== toGradient) {\n    // 纯色到渐变色，那就将纯色转成渐变色\n    const gradient: IGradientColor = (fromGradient ? from : to) as IGradientColor;\n    const pure = (fromGradient ? to : from) as string | [number, number, number, number];\n    const gradientFromPure: IGradientColor = {\n      ...gradient,\n      stops: gradient.stops.map(v => ({ ...v, color: colorArrayToString(pure) as string }))\n    };\n    return fromGradient\n      ? interpolateColor(gradient, gradientFromPure, ratio, alphaChannel, cb)\n      : interpolateColor(gradientFromPure, gradient, ratio, alphaChannel, cb);\n  }\n\n  if (fromGradient) {\n    if ((from as IGradientColor).gradient === (to as IGradientColor).gradient) {\n      const fc: IGradientColor = from as IGradientColor;\n      const tc: IGradientColor = to as IGradientColor;\n      // 渐变色插值，只支持相同数量stopColor的插值，并且认为当前的stopColor数量是和from、to相同\n      const fromStops = fc.stops;\n      const toStops = tc.stops;\n      if (fromStops.length !== toStops.length) {\n        return false;\n      }\n      if (fc.gradient === 'linear') {\n        return interpolateGradientLinearColor(fc, tc as ILinearGradient, ratio);\n      } else if (fc.gradient === 'radial') {\n        return interpolateGradientRadialColor(fc, tc as IRadialGradient, ratio);\n      } else if (fc.gradient === 'conical') {\n        return interpolateGradientConicalColor(fc, tc as IConicalGradient, ratio);\n      }\n    }\n    return false;\n  }\n  cb && cb(fromArray!, toArray!);\n  const result = interpolatePureColorArray(fromArray!, toArray!, ratio);\n  return colorArrayToString(result, alphaChannel) as any;\n}\n\nexport function interpolateGradientLinearColor(\n  fc: ILinearGradient,\n  tc: ILinearGradient,\n  ratio: number\n): false | ILinearGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: ILinearGradient = {\n    gradient: 'linear',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientRadialColor(\n  fc: IRadialGradient,\n  tc: IRadialGradient,\n  ratio: number\n): false | IRadialGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IRadialGradient = {\n    gradient: 'radial',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    r0: fc.r0 + (tc.r0 - fc.r0) * ratio,\n    r1: fc.r1 + (tc.r1 - fc.r1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientConicalColor(\n  fc: IConicalGradient,\n  tc: IConicalGradient,\n  ratio: number\n): false | IConicalGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IConicalGradient = {\n    gradient: 'conical',\n    startAngle: fc.startAngle + (tc.startAngle - fc.startAngle) * ratio,\n    endAngle: fc.endAngle + (tc.endAngle - fc.endAngle) * ratio,\n    x: fc.x + (tc.x - fc.x) * ratio,\n    y: fc.y + (tc.y - fc.y) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolatePureColorArray(\n  from: [number, number, number, number],\n  to: [number, number, number, number],\n  ratio: number\n): [number, number, number, number] {\n  return [\n    from[0] + (to[0] - from[0]) * ratio,\n    from[1] + (to[1] - from[1]) * ratio,\n    from[2] + (to[2] - from[2]) * ratio,\n    from[3] + (to[3] - from[3]) * ratio\n  ];\n}\n\nconst _fromColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nconst _toColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nexport function colorStringInterpolationToStr(fromColor: string, toColor: string, ratio: number): string {\n  ColorStore.Get(fromColor, ColorType.Color255, _fromColorRGB);\n  ColorStore.Get(toColor, ColorType.Color255, _toColorRGB);\n  return `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(\n    _fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio\n  )},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${\n    _fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio\n  })`;\n}\n"]}
+{"version":3,"sources":["../src/color-string/interpolate.ts"],"names":[],"mappings":"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","file":"interpolate.js","sourcesContent":["import { ColorStore, ColorType } from './store';\nimport type { IGradientColor, ILinearGradient, IRadialGradient, IConicalGradient } from '../interface';\nimport { isArray, isNumber } from '@visactor/vutils';\n\nfunction colorArrayToString(\n  color: string | IGradientColor | [number, number, number, number],\n  alphaChannel: boolean = false\n) {\n  if (Array.isArray(color) && isNumber(color[0])) {\n    return alphaChannel\n      ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})`\n      : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})`;\n  }\n  return color;\n}\n\nexport function interpolateColor(\n  from: [number, number, number, number] | [string, string, string, string] | string | IGradientColor,\n  to: [number, number, number, number] | [string, string, string, string] | string | IGradientColor,\n  ratio: number,\n  alphaChannel: boolean,\n  cb?: (fromArray: [number, number, number, number], toArray: [number, number, number, number]) => void\n): false | string | IGradientColor | string[] {\n  if ((Array.isArray(from) && !isNumber(from[0])) || (Array.isArray(to) && !isNumber(to[0]))) {\n    // 待性能优化\n    const out: string[] = new Array(4).fill(0).map((_, index) => {\n      return _interpolateColor(\n        isArray(from) ? (from[index] as string) : from,\n        isArray(to) ? (to[index] as string) : to,\n        ratio,\n        alphaChannel\n      ) as string;\n    });\n    return out;\n    // cb && cb(from!, to!);\n  }\n  return _interpolateColor(from as any, to as any, ratio, alphaChannel, cb);\n}\n\nexport function _interpolateColor(\n  from: [number, number, number, number] | string | IGradientColor,\n  to: [number, number, number, number] | string | IGradientColor,\n  ratio: number,\n  alphaChannel: boolean,\n  cb?: (fromArray: [number, number, number, number], toArray: [number, number, number, number]) => void\n): false | string | IGradientColor | string[] {\n  if (!(from && to)) {\n    return (from && colorArrayToString(from)) || (to && colorArrayToString(to)) || (false as any);\n  }\n  let fromArray: [number, number, number, number];\n  let toArray: [number, number, number, number];\n  let fromGradient: boolean = false;\n  let toGradient: boolean = false;\n  if (Array.isArray(from)) {\n    fromArray = from as [number, number, number, number];\n  } else if (typeof from === 'string') {\n    fromArray = ColorStore.Get(from, ColorType.Color255);\n  } else {\n    fromGradient = true;\n  }\n  if (Array.isArray(to)) {\n    toArray = to as [number, number, number, number];\n  } else if (typeof to === 'string') {\n    toArray = ColorStore.Get(to, ColorType.Color255);\n  } else {\n    toGradient = true;\n  }\n  if (fromGradient !== toGradient) {\n    // 纯色到渐变色，那就将纯色转成渐变色\n    const gradient: IGradientColor = (fromGradient ? from : to) as IGradientColor;\n    const pure = (fromGradient ? to : from) as string | [number, number, number, number];\n    const gradientFromPure: IGradientColor = {\n      ...gradient,\n      stops: gradient.stops.map(v => ({ ...v, color: colorArrayToString(pure) as string }))\n    };\n    return fromGradient\n      ? interpolateColor(gradient, gradientFromPure, ratio, alphaChannel, cb)\n      : interpolateColor(gradientFromPure, gradient, ratio, alphaChannel, cb);\n  }\n\n  if (fromGradient) {\n    if ((from as IGradientColor).gradient === (to as IGradientColor).gradient) {\n      const fc: IGradientColor = from as IGradientColor;\n      const tc: IGradientColor = to as IGradientColor;\n      // 渐变色插值，只支持相同数量stopColor的插值，并且认为当前的stopColor数量是和from、to相同\n      const fromStops = fc.stops;\n      const toStops = tc.stops;\n      if (fromStops.length !== toStops.length) {\n        return false;\n      }\n      if (fc.gradient === 'linear') {\n        return interpolateGradientLinearColor(fc, tc as ILinearGradient, ratio);\n      } else if (fc.gradient === 'radial') {\n        return interpolateGradientRadialColor(fc, tc as IRadialGradient, ratio);\n      } else if (fc.gradient === 'conical') {\n        return interpolateGradientConicalColor(fc, tc as IConicalGradient, ratio);\n      }\n    }\n    return false;\n  }\n  cb && cb(fromArray!, toArray!);\n  const result = interpolatePureColorArray(fromArray!, toArray!, ratio);\n  return colorArrayToString(result, alphaChannel) as any;\n}\n\nexport function interpolateGradientLinearColor(\n  fc: ILinearGradient,\n  tc: ILinearGradient,\n  ratio: number\n): false | ILinearGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: ILinearGradient = {\n    gradient: 'linear',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientRadialColor(\n  fc: IRadialGradient,\n  tc: IRadialGradient,\n  ratio: number\n): false | IRadialGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IRadialGradient = {\n    gradient: 'radial',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    r0: fc.r0 + (tc.r0 - fc.r0) * ratio,\n    r1: fc.r1 + (tc.r1 - fc.r1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientConicalColor(\n  fc: IConicalGradient,\n  tc: IConicalGradient,\n  ratio: number\n): false | IConicalGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IConicalGradient = {\n    gradient: 'conical',\n    startAngle: fc.startAngle + (tc.startAngle - fc.startAngle) * ratio,\n    endAngle: fc.endAngle + (tc.endAngle - fc.endAngle) * ratio,\n    x: fc.x + (tc.x - fc.x) * ratio,\n    y: fc.y + (tc.y - fc.y) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolatePureColorArray(\n  from: [number, number, number, number],\n  to: [number, number, number, number],\n  ratio: number\n): [number, number, number, number] {\n  return [\n    from[0] + (to[0] - from[0]) * ratio,\n    from[1] + (to[1] - from[1]) * ratio,\n    from[2] + (to[2] - from[2]) * ratio,\n    from[3] + (to[3] - from[3]) * ratio\n  ];\n}\nexport function interpolatePureColorArrayToStr(\n  from: [number, number, number, number],\n  to: [number, number, number, number],\n  ratio: number\n): string {\n  // eslint-disable-next-line max-len\n  return `rgba(${from[0] + (to[0] - from[0]) * ratio},${from[1] + (to[1] - from[1]) * ratio},${\n    from[2] + (to[2] - from[2]) * ratio\n  },${from[3] + (to[3] - from[3]) * ratio})`;\n}\n\nconst _fromColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nconst _toColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nexport function colorStringInterpolationToStr(fromColor: string, toColor: string, ratio: number): string {\n  ColorStore.Get(fromColor, ColorType.Color255, _fromColorRGB);\n  ColorStore.Get(toColor, ColorType.Color255, _toColorRGB);\n  return `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(\n    _fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio\n  )},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${\n    _fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio\n  })`;\n}\n"]}

package/cjs/color-string/store.js

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

package/cjs/common/path-svg.js

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

package/cjs/common/performance-raf.d.ts

@@ -0,0 +1,6 @@
+export declare class PerformanceRAF {
+    nextAnimationFrameCbs: FrameRequestCallback[];
+    addAnimationFrameCb(callback: FrameRequestCallback): number;
+    protected runAnimationFrame: (time: number) => void;
+    protected tryRunAnimationFrameNextFrame: () => void;
+}

package/cjs/common/performance-raf.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PerformanceRAF = void 0;
+
+const modules_1 = require("../modules");
+
+class PerformanceRAF {
+    constructor() {
+        this.nextAnimationFrameCbs = [], this.runAnimationFrame = time => {
+            const cbs = this.nextAnimationFrameCbs;
+            this.nextAnimationFrameCbs = [];
+            for (let i = 0; i < cbs.length; i++) cbs[i](time);
+        }, this.tryRunAnimationFrameNextFrame = () => {
+            this.nextAnimationFrameCbs && 1 === this.nextAnimationFrameCbs.length && modules_1.vglobal.getRequestAnimationFrame()(this.runAnimationFrame);
+        };
+    }
+    addAnimationFrameCb(callback) {
+        return this.nextAnimationFrameCbs.push(callback), this.tryRunAnimationFrameNextFrame(), 
+        this.nextAnimationFrameCbs.length - 1;
+    }
+}
+
+exports.PerformanceRAF = PerformanceRAF;
+//# sourceMappingURL=performance-raf.js.map

package/cjs/common/performance-raf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/performance-raf.ts"],"names":[],"mappings":";;;AAAA,wCAAqC;AAKrC,MAAa,cAAc;IAA3B;QACE,0BAAqB,GAA2B,EAAE,CAAC;QASzC,sBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;YAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACvC,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC;YAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACnC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aACd;QACH,CAAC,CAAC;QAEQ,kCAA6B,GAAG,GAAG,EAAE;YAC7C,IAAI,CAAC,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;gBAC5E,OAAO;aACR;YACD,iBAAO,CAAC,wBAAwB,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC;IArBC,mBAAmB,CAAC,QAA8B;QAChD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE1C,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,CAAC;CAgBF;AAxBD,wCAwBC","file":"performance-raf.js","sourcesContent":["import { vglobal } from '../modules';\n\n/**\n * 性能优化，将requestAnimationFrame的回调函数存储起来，在下一帧执行\n */\nexport class PerformanceRAF {\n  nextAnimationFrameCbs: FrameRequestCallback[] = [];\n\n  addAnimationFrameCb(callback: FrameRequestCallback) {\n    this.nextAnimationFrameCbs.push(callback);\n    // 下一帧执行nextAnimationFrameCbs\n    this.tryRunAnimationFrameNextFrame();\n    return this.nextAnimationFrameCbs.length - 1;\n  }\n\n  protected runAnimationFrame = (time: number) => {\n    const cbs = this.nextAnimationFrameCbs;\n    this.nextAnimationFrameCbs = [];\n    for (let i = 0; i < cbs.length; i++) {\n      cbs[i](time);\n    }\n  };\n\n  protected tryRunAnimationFrameNextFrame = () => {\n    if (!(this.nextAnimationFrameCbs && this.nextAnimationFrameCbs.length === 1)) {\n      return;\n    }\n    vglobal.getRequestAnimationFrame()(this.runAnimationFrame);\n  };\n}\n"]}

package/cjs/common/render-area.js

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

package/cjs/common/store.js

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

package/cjs/common/text.js

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

package/cjs/common/utils.js

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

package/cjs/core/application.js

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

package/cjs/core/camera.js

@@ -71,4 +71,4 @@ const registerOrthoCamera = () => {
 };
 
 exports.registerOrthoCamera = registerOrthoCamera;
-//# sourceMappingURL=camera.js.map
+//# sourceMappingURL=camera.js.map

package/cjs/core/constants.js

@@ -7,4 +7,4 @@ exports.TransformUtil = Symbol.for("TransformUtil"), exports.GraphicUtil = Symbo
 exports.LayerService = Symbol.for("LayerService"), exports.StaticLayerHandlerContribution = Symbol.for("StaticLayerHandlerContribution"), 
 exports.DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribution"), 
 exports.VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/core/core-modules.js

@@ -12,4 +12,4 @@ exports.default = new inversify_lite_1.ContainerModule((bind => {
     bind(constants_1.TransformUtil).to(graphic_utils_1.DefaultTransformUtil).inSingletonScope(), 
     bind(constants_1.LayerService).to(layer_service_1.DefaultLayerService).inSingletonScope();
 }));
-//# sourceMappingURL=core-modules.js.map
+//# sourceMappingURL=core-modules.js.map

package/cjs/core/global-module.js

@@ -1,3 +1 @@
-
-
 //# sourceMappingURL=global-module.js.map

package/cjs/core/stage.d.ts

@@ -66,6 +66,8 @@ export declare class Stage extends Group implements IStage {
     params: Partial<IStageParams>;
     protected tickedBeforeRender: boolean;
     constructor(params?: Partial<IStageParams>);
+    initAnimate(params: Partial<IStageParams>): void;
+    startAnimate(): void;
     pauseRender(sr?: number): void;
     resumeRender(): void;
     protected tryInitEventSystem(): void;
@@ -141,7 +143,6 @@ export declare class Stage extends Group implements IStage {
     setOrigin(x: number, y: number): void;
     export(type: IExportType): HTMLCanvasElement | ImageData;
     pick(x: number, y: number): PickResult | false;
-    startAnimate(t: number): void;
     setToFrame(t: number): void;
     release(): void;
     setStage(stage?: IStage): 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"), container_1 = require("../container"), render_1 = require("../render"), group_1 = require("../graphic/group"), theme_1 = require("../graphic/theme"), constants_1 = require("../picker/constants"), constants_2 = require("../plugins/constants"), 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"), default_ticker_1 = require("../animate/default-ticker"), tapable_1 = require("../tapable"), constants_3 = require("./constants"), animate_1 = require("../animate"), application_1 = require("../application"), env_check_1 = require("../env-check"), factory_1 = require("../factory"), DefaultConfig = {
+const vutils_1 = require("@visactor/vutils"), window_1 = require("./window"), event_1 = require("../event"), container_1 = require("../container"), render_1 = require("../render"), group_1 = require("../graphic/group"), theme_1 = require("../graphic/theme"), constants_1 = require("../picker/constants"), constants_2 = require("../plugins/constants"), 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"), constants_3 = require("./constants"), application_1 = require("../application"), env_check_1 = require("../env-check"), factory_1 = require("../factory"), DefaultConfig = {
     WIDTH: 500,
     HEIGHT: 500,
     X: 0,
@@ -119,12 +119,18 @@ class Stage extends group_1.Group {
         params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), 
         this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), 
         this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, 
-        this.ticker = params.ticker || default_ticker_1.defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, 
-        this.timeline = new animate_1.DefaultTimeline, this.ticker.addTimeline(this.timeline), 
-        this.timeline.pause(), params.optimize || (params.optimize = {}), this.optmize(params.optimize), 
-        params.background && (0, vutils_1.isString)(this._background) && this._background.includes("/") && this.setAttributes({
+        this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+            animateMode: "performance"
+        }), this.optmize(params.optimize), params.background && (0, vutils_1.isString)(this._background) && this._background.includes("/") && this.setAttributes({
             background: this._background
-        }), this.ticker.on("afterTick", this.afterTickCb);
+        }), this.initAnimate(params);
+    }
+    initAnimate(params) {
+        this.createTicker && this.createTimeline && (this.ticker = params.ticker || this.createTicker(this), 
+        this.timeline = this.createTimeline(), this.ticker.addTimeline(this.timeline), this.ticker.on("tick", this.afterTickCb));
+    }
+    startAnimate() {
+        this.ticker && this.timeline && (this.ticker.start(), this.timeline.resume());
     }
     pauseRender(sr = -1) {
         this._skipRender = sr;
@@ -328,10 +334,9 @@ class Stage extends group_1.Group {
     }
     render(layers, params) {
         if ("released" === this.releaseStatus) return;
-        this.ticker.start(), this.timeline.resume();
+        this.startAnimate();
         const state = this.state;
-        this.state = "rendering", this.tickedBeforeRender || this.ticker.trySyncTickStatus(), 
-        this.layerService.prepareStageLayer(this), this._skipRender || (this.lastRenderparams = params, 
+        this.state = "rendering", this.layerService.prepareStageLayer(this), this._skipRender || (this.lastRenderparams = params, 
         this.hooks.beforeRender.call(this), this._skipRender || (this.renderLayerList(this.children), 
         this.combineLayersToWindow(), this.nextFrameRenderLayerSet.clear()), this.hooks.afterRender.call(this)), 
         this.state = state, this._skipRender && this._skipRender++;
@@ -356,7 +361,7 @@ class Stage extends group_1.Group {
     }
     _doRenderInThisFrame() {
         if ("released" === this.releaseStatus) return;
-        this.timeline.resume(), this.ticker.start();
+        this.startAnimate();
         const state = this.state;
         this.state = "rendering", this.layerService.prepareStageLayer(this), this.nextFrameRenderLayerSet.size && !this._skipRender && (this.hooks.beforeRender.call(this), 
         this._skipRender || (this.renderLayerList(Array.from(this.nextFrameRenderLayerSet.values()), this.lastRenderparams || {}), 
@@ -434,21 +439,20 @@ class Stage extends group_1.Group {
         });
         return !(!(null == result ? void 0 : result.graphic) && !(null == result ? void 0 : result.group)) && result;
     }
-    startAnimate(t) {
-        throw new Error("暂不支持");
-    }
     setToFrame(t) {
         throw new Error("暂不支持");
     }
     release() {
+        var _a, _b;
         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(), this.ticker.remTimeline(this.timeline), 
-        this.ticker.removeListener("afterTick", this.afterTickCb), this.renderService.renderTreeRoots = [];
+        })), 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("afterTick", this.afterTickCb), 
+        this.renderService.renderTreeRoots = [];
     }
     setStage(stage) {}
     dirty(b, matrix) {