@visactor/vrender-kits 1.0.0-alpha.4 → 1.0.0-alpha.6

package/cjs/register/register-gif.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerGifImage = exports.registerGifGraphic = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), gif_image_1 = require("../graphic/gif-image"), gif_image_module_1 = require("../render/contributions/canvas/gif-image-module"), gif_image_module_2 = require("../picker/contributions/canvas-picker/gif-image-module");
+
+function registerGifGraphic() {
+    vrender_core_1.graphicCreator.RegisterGraphicCreator("gif", gif_image_1.createGifImage);
+}
+
+function _registerGifImage() {
+    _registerGifImage.__loaded || (_registerGifImage.__loaded = !0, registerGifGraphic(), 
+    vrender_core_1.container.load(gif_image_module_1.gifImageModule), vrender_core_1.container.load(gif_image_module_2.gifImageCanvasPickModule));
+}
+
+exports.registerGifGraphic = registerGifGraphic, _registerGifImage.__loaded = !1, 
+exports.registerGifImage = _registerGifImage;

package/cjs/register/register-gif.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/register/register-gif.ts"],"names":[],"mappings":";;;AAAA,yDAAmE;AACnE,oDAAsD;AACtD,sFAAiF;AACjF,6FAAkG;AAElG,SAAgB,kBAAkB;IAChC,6BAAc,CAAC,sBAAsB,CAAC,KAAK,EAAE,0BAAc,CAAC,CAAC;AAC/D,CAAC;AAFD,gDAEC;AAED,SAAS,iBAAiB;IACxB,IAAI,iBAAiB,CAAC,QAAQ,EAAE;QAC9B,OAAO;KACR;IACD,iBAAiB,CAAC,QAAQ,GAAG,IAAI,CAAC;IAClC,kBAAkB,EAAE,CAAC;IACrB,wBAAS,CAAC,IAAI,CAAC,iCAAc,CAAC,CAAC;IAC/B,wBAAS,CAAC,IAAI,CAAC,2CAAwB,CAAC,CAAC;AAC3C,CAAC;AAED,iBAAiB,CAAC,QAAQ,GAAG,KAAK,CAAC;AAEtB,QAAA,gBAAgB,GAAG,iBAAiB,CAAC","file":"register-gif.js","sourcesContent":["import { container, graphicCreator } from '@visactor/vrender-core';\nimport { createGifImage } from '../graphic/gif-image';\nimport { gifImageModule } from '../render/contributions/canvas/gif-image-module';\nimport { gifImageCanvasPickModule } from '../picker/contributions/canvas-picker/gif-image-module';\n\nexport function registerGifGraphic() {\n  graphicCreator.RegisterGraphicCreator('gif', createGifImage);\n}\n\nfunction _registerGifImage() {\n  if (_registerGifImage.__loaded) {\n    return;\n  }\n  _registerGifImage.__loaded = true;\n  registerGifGraphic();\n  container.load(gifImageModule);\n  container.load(gifImageCanvasPickModule);\n}\n\n_registerGifImage.__loaded = false;\n\nexport const registerGifImage = _registerGifImage;\n"]}

package/cjs/register/register-glyph.js

@@ -11,4 +11,5 @@ function _registerGlyph() {
     vrender_core_1.container.load(vrender_core_1.glyphModule), vrender_core_1.container.load(env_1.browser ? glyph_module_1.glyphCanvasPickModule : glyph_module_2.glyphMathPickModule));
 }
 
-_registerGlyph.__loaded = !1, exports.registerGlyph = _registerGlyph;
+_registerGlyph.__loaded = !1, exports.registerGlyph = _registerGlyph;
+//# sourceMappingURL=register-glyph.js.map

package/cjs/register/register-star.d.ts

@@ -0,0 +1,6 @@
+declare function _registerStar(): void;
+declare namespace _registerStar {
+    var __loaded: boolean;
+}
+export declare const registerStar: typeof _registerStar;
+export {};

package/cjs/register/register-star.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerStar = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), env_1 = require("./env"), star_module_1 = require("../picker/contributions/canvas-picker/star-module");
+
+function _registerStar() {
+    _registerStar.__loaded || (_registerStar.__loaded = !0, (0, vrender_core_1.registerStarGraphic)(), 
+    vrender_core_1.container.load(vrender_core_1.starModule), vrender_core_1.container.load((env_1.browser, 
+    star_module_1.starCanvasPickModule)));
+}
+
+_registerStar.__loaded = !1, exports.registerStar = _registerStar;
+//# sourceMappingURL=register-star.js.map

package/cjs/register/register-star.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/register/register-star.ts"],"names":[],"mappings":";;;AAAA,yDAAoF;AACpF,+BAAgC;AAChC,mFAAyF;AAEzF,SAAS,aAAa;IACpB,IAAI,aAAa,CAAC,QAAQ,EAAE;QAC1B,OAAO;KACR;IACD,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC9B,IAAA,kCAAmB,GAAE,CAAC;IACtB,wBAAS,CAAC,IAAI,CAAC,yBAAU,CAAC,CAAC;IAC3B,wBAAS,CAAC,IAAI,CAAC,aAAO,CAAC,CAAC,CAAC,kCAAoB,CAAC,CAAC,CAAC,kCAAoB,CAAC,CAAC;AACxE,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;AAElB,QAAA,YAAY,GAAG,aAAa,CAAC","file":"register-star.js","sourcesContent":["import { container, starModule, registerStarGraphic } from '@visactor/vrender-core';\nimport { browser } from './env';\nimport { starCanvasPickModule } from '../picker/contributions/canvas-picker/star-module';\n\nfunction _registerStar() {\n  if (_registerStar.__loaded) {\n    return;\n  }\n  _registerStar.__loaded = true;\n  registerStarGraphic();\n  container.load(starModule);\n  container.load(browser ? starCanvasPickModule : starCanvasPickModule);\n}\n\n_registerStar.__loaded = false;\n\nexport const registerStar = _registerStar;\n"]}

package/cjs/render/contributions/rough/base-render.d.ts

@@ -1,5 +1,7 @@
-import type { IGraphicAttribute, IContext2d, IGraphic, IMarkAttribute, IThemeAttribute, IDrawContext, IGraphicRenderDrawParams, IGraphicRender } from '@visactor/vrender-core';
+import type { IRenderService } from '@visactor/vrender-core';
+import { type IGraphicAttribute, type IContext2d, type IGraphic, type IMarkAttribute, type IThemeAttribute, type IDrawContext, type IGraphicRenderDrawParams, type IGraphicRender } from '@visactor/vrender-core';
 export declare abstract class RoughBaseRender {
     canvasRenderer: IGraphicRender;
     drawShape(graphic: IGraphic, ctx: 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): void;
+    doDraw(graphic: IGraphic, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams): void;
 }

package/cjs/render/contributions/rough/base-render.js

@@ -1,13 +1,62 @@
 "use strict";
 
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.RoughBaseRender = void 0;
 
+const vrender_core_1 = require("@visactor/vrender-core"), roughjs_1 = __importDefault(require("roughjs")), context_1 = require("./context"), config_1 = require("./config");
+
 class RoughBaseRender {
     drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb) {
         if (this.canvasRenderer.drawShape) return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);
     }
+    doDraw(graphic, renderService, drawContext, params) {
+        const {context: context} = drawContext;
+        if (!context) return;
+        const canvas = context.canvas.nativeCanvas, rc = roughjs_1.default.canvas(canvas), customPath = new vrender_core_1.CustomPath2D, roughContext = new context_1.RoughContext2d(context, customPath);
+        context.save(), context.transformFromMatrix(graphic.transMatrix, !0);
+        const {fill: fill, stroke: stroke, roughStyle: roughStyle = {}, lineWidth: lineWidth} = graphic.attribute, {maxRandomnessOffset: maxRandomnessOffset = config_1.defaultRouthThemeSpec.maxRandomnessOffset, roughness: roughness = config_1.defaultRouthThemeSpec.roughness, bowing: bowing = config_1.defaultRouthThemeSpec.bowing, curveFitting: curveFitting = config_1.defaultRouthThemeSpec.curveFitting, curveTightness: curveTightness = config_1.defaultRouthThemeSpec.curveTightness, curveStepCount: curveStepCount = config_1.defaultRouthThemeSpec.curveStepCount, fillStyle: fillStyle = config_1.defaultRouthThemeSpec.fillStyle, fillWeight: fillWeight = config_1.defaultRouthThemeSpec.fillWeight, hachureAngle: hachureAngle = config_1.defaultRouthThemeSpec.hachureAngle, hachureGap: hachureGap = config_1.defaultRouthThemeSpec.hachureGap, simplification: simplification = config_1.defaultRouthThemeSpec.simplification, dashOffset: dashOffset = config_1.defaultRouthThemeSpec.dashOffset, dashGap: dashGap = config_1.defaultRouthThemeSpec.dashGap, zigzagOffset: zigzagOffset = config_1.defaultRouthThemeSpec.zigzagOffset, seed: seed = config_1.defaultRouthThemeSpec.seed, fillLineDash: fillLineDash = config_1.defaultRouthThemeSpec.fillLineDash, fillLineDashOffset: fillLineDashOffset = config_1.defaultRouthThemeSpec.fillLineDashOffset, disableMultiStroke: disableMultiStroke = config_1.defaultRouthThemeSpec.disableMultiStroke, disableMultiStrokeFill: disableMultiStrokeFill = config_1.defaultRouthThemeSpec.disableMultiStrokeFill, preserveVertices: preserveVertices = config_1.defaultRouthThemeSpec.preserveVertices, fixedDecimalPlaceDigits: fixedDecimalPlaceDigits = config_1.defaultRouthThemeSpec.fixedDecimalPlaceDigits} = roughStyle;
+        let rendered = !1;
+        const doRender = () => {
+            if (rendered) return;
+            rendered = !0;
+            const path = customPath.toString();
+            context.beginPath(), rc.path(path, {
+                fill: fill,
+                stroke: stroke,
+                strokeWidth: lineWidth,
+                maxRandomnessOffset: maxRandomnessOffset,
+                roughness: roughness,
+                bowing: bowing,
+                curveFitting: curveFitting,
+                curveTightness: curveTightness,
+                curveStepCount: curveStepCount,
+                fillStyle: fillStyle,
+                fillWeight: fillWeight,
+                hachureAngle: hachureAngle,
+                hachureGap: hachureGap,
+                simplification: simplification,
+                dashOffset: dashOffset,
+                dashGap: dashGap,
+                zigzagOffset: zigzagOffset,
+                seed: seed,
+                fillLineDash: fillLineDash,
+                fillLineDashOffset: fillLineDashOffset,
+                disableMultiStroke: disableMultiStroke,
+                disableMultiStrokeFill: disableMultiStrokeFill,
+                preserveVertices: preserveVertices,
+                fixedDecimalPlaceDigits: fixedDecimalPlaceDigits
+            });
+        };
+        this.canvasRenderer.drawShape(graphic, roughContext, 0, 0, drawContext, params, (() => (doRender(), 
+        !1)), (() => (doRender(), !1))), context.restore();
+    }
 }
 
 exports.RoughBaseRender = RoughBaseRender;

package/cjs/render/contributions/rough/base-render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/contributions/rough/base-render.ts"],"names":[],"mappings":";;;AAWA,MAAsB,eAAe;IAEnC,SAAS,CACP,OAAiB,EACjB,GAAe,EACf,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;QAEZ,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;YACjC,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;SACjG;IACH,CAAC;CACF;AAxBD,0CAwBC","file":"base-render.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IContext2d,\n  IGraphic,\n  IMarkAttribute,\n  IThemeAttribute,\n  IDrawContext,\n  IGraphicRenderDrawParams,\n  IGraphicRender\n} from '@visactor/vrender-core';\n\nexport abstract class RoughBaseRender {\n  canvasRenderer!: IGraphicRender;\n  drawShape(\n    graphic: IGraphic,\n    ctx: 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  ): void {\n    if (this.canvasRenderer.drawShape) {\n      return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/render/contributions/rough/base-render.ts"],"names":[],"mappings":"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","file":"base-render.js","sourcesContent":["import type { IRenderService } from '@visactor/vrender-core';\nimport {\n  type IGraphicAttribute,\n  type IContext2d,\n  type IGraphic,\n  type IMarkAttribute,\n  type IThemeAttribute,\n  type IDrawContext,\n  type IGraphicRenderDrawParams,\n  type IGraphicRender,\n  CustomPath2D\n} from '@visactor/vrender-core';\nimport rough from 'roughjs';\nimport { RoughContext2d } from './context';\nimport { defaultRouthThemeSpec } from './config';\n\nexport abstract class RoughBaseRender {\n  canvasRenderer!: IGraphicRender;\n  drawShape(\n    graphic: IGraphic,\n    ctx: 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  ): void {\n    if (this.canvasRenderer.drawShape) {\n      return this.canvasRenderer.drawShape(graphic, ctx, x, y, drawContext, params, fillCb, strokeCb);\n    }\n  }\n\n  doDraw(\n    graphic: IGraphic,\n    renderService: IRenderService,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams\n  ) {\n    const { context } = drawContext;\n    if (!context) {\n      return;\n    }\n    // 获取到原生canvas\n    const canvas = context.canvas.nativeCanvas;\n    const rc = rough.canvas(canvas);\n\n    // context.highPerformanceSave();\n\n    const customPath = new CustomPath2D();\n    const roughContext = new RoughContext2d(context, customPath);\n\n    context.save();\n    // 不管怎么样，都transform\n    context.transformFromMatrix(graphic.transMatrix, true);\n\n    const { fill, stroke, roughStyle = {}, lineWidth } = graphic.attribute as any;\n\n    const {\n      maxRandomnessOffset = defaultRouthThemeSpec.maxRandomnessOffset,\n      roughness = defaultRouthThemeSpec.roughness,\n      bowing = defaultRouthThemeSpec.bowing,\n      curveFitting = defaultRouthThemeSpec.curveFitting,\n      curveTightness = defaultRouthThemeSpec.curveTightness,\n      curveStepCount = defaultRouthThemeSpec.curveStepCount,\n      fillStyle = defaultRouthThemeSpec.fillStyle,\n      fillWeight = defaultRouthThemeSpec.fillWeight,\n      hachureAngle = defaultRouthThemeSpec.hachureAngle,\n      hachureGap = defaultRouthThemeSpec.hachureGap,\n      simplification = defaultRouthThemeSpec.simplification,\n      dashOffset = defaultRouthThemeSpec.dashOffset,\n      dashGap = defaultRouthThemeSpec.dashGap,\n      zigzagOffset = defaultRouthThemeSpec.zigzagOffset,\n      seed = defaultRouthThemeSpec.seed,\n      fillLineDash = defaultRouthThemeSpec.fillLineDash,\n      fillLineDashOffset = defaultRouthThemeSpec.fillLineDashOffset,\n      disableMultiStroke = defaultRouthThemeSpec.disableMultiStroke,\n      disableMultiStrokeFill = defaultRouthThemeSpec.disableMultiStrokeFill,\n      preserveVertices = defaultRouthThemeSpec.preserveVertices,\n      fixedDecimalPlaceDigits = defaultRouthThemeSpec.fixedDecimalPlaceDigits\n    } = roughStyle;\n\n    let rendered = false;\n    const doRender = () => {\n      if (rendered) {\n        return;\n      }\n      rendered = true;\n      const path = customPath.toString();\n      context.beginPath();\n      rc.path(path, {\n        fill,\n        stroke,\n        strokeWidth: lineWidth,\n        maxRandomnessOffset,\n        roughness,\n        bowing,\n        curveFitting,\n        curveTightness,\n        curveStepCount,\n        fillStyle,\n        fillWeight,\n        hachureAngle,\n        hachureGap,\n        simplification,\n        dashOffset,\n        dashGap,\n        zigzagOffset,\n        seed,\n        fillLineDash,\n        fillLineDashOffset,\n        disableMultiStroke,\n        disableMultiStrokeFill,\n        preserveVertices,\n        fixedDecimalPlaceDigits\n      });\n    };\n    this.canvasRenderer.drawShape(\n      graphic,\n      roughContext,\n      0,\n      0,\n      drawContext,\n      params,\n      () => {\n        doRender();\n        return false;\n      },\n      () => {\n        doRender();\n        return false;\n      }\n    );\n\n    context.restore();\n\n    // context.highPerformanceRestore();\n  }\n}\n"]}

package/cjs/render/contributions/rough/config.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.defaultRouthThemeSpec = void 0, exports.defaultRouthThemeSpec = {
     maxRandomnessOffset: 3,
-    roughness: 1,
+    roughness: 1.6,
     bowing: 1,
     curveFitting: .95,
     curveTightness: void 0,
     curveStepCount: 9,
-    fillStyle: "hachure",
+    fillStyle: "cross-hatch",
     fillWeight: void 0,
     hachureAngle: 60,
     hachureGap: 6,
@@ -17,11 +17,11 @@ Object.defineProperty(exports, "__esModule", {
     dashOffset: void 0,
     dashGap: void 0,
     zigzagOffset: void 0,
-    seed: 1,
+    seed: 3,
     fillLineDash: void 0,
     fillLineDashOffset: void 0,
     disableMultiStroke: !1,
-    disableMultiStrokeFill: !1,
+    disableMultiStrokeFill: !0,
     preserveVertices: !0,
     fixedDecimalPlaceDigits: void 0
 };

package/cjs/render/contributions/rough/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/contributions/rough/config.ts"],"names":[],"mappings":";;;AAEa,QAAA,qBAAqB,GAAY;IAC5C,mBAAmB,EAAE,CAAC;IAEtB,SAAS,EAAE,CAAC;IAEZ,MAAM,EAAE,CAAC;IAET,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,SAAS;IAEzB,cAAc,EAAE,CAAC;IAEjB,SAAS,EAAE,SAAS;IAEpB,UAAU,EAAE,SAAS;IAErB,YAAY,EAAE,EAAE;IAEhB,UAAU,EAAE,CAAC;IAEb,cAAc,EAAE,CAAC;IACjB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IAEvB,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,SAAS;IACvB,kBAAkB,EAAE,SAAS;IAE7B,kBAAkB,EAAE,KAAK;IACzB,sBAAsB,EAAE,KAAK;IAC7B,gBAAgB,EAAE,IAAI;IACtB,uBAAuB,EAAE,SAAS;CACnC,CAAC","file":"config.js","sourcesContent":["import type { Options } from 'roughjs/bin/core';\n\nexport const defaultRouthThemeSpec: Options = {\n  maxRandomnessOffset: 3,\n  // 粗糙度，值越大绘制的越乱\n  roughness: 1,\n  // 线段的弯曲度\n  bowing: 1,\n  // 曲线拟合程度\n  curveFitting: 0.95,\n  curveTightness: undefined,\n  // 近似曲线的点数\n  curveStepCount: 9,\n  // 填充形式，默认斜线\n  fillStyle: 'hachure',\n  // 填充线的粗细、填充点的大小\n  fillWeight: undefined,\n  // 填充为hachure时的转角\n  hachureAngle: 60,\n  // 填充为hachure时线段间的间隙\n  hachureGap: 6,\n  // 是否简化线段\n  simplification: 0,\n  dashOffset: undefined,\n  dashGap: undefined,\n  zigzagOffset: undefined,\n  // 生成随机形状的种子\n  seed: 1,\n  fillLineDash: undefined,\n  fillLineDashOffset: undefined,\n  // 禁止用多个笔画绘制\n  disableMultiStroke: false,\n  disableMultiStrokeFill: false,\n  preserveVertices: true,\n  fixedDecimalPlaceDigits: undefined\n};\n"]}
+{"version":3,"sources":["../src/render/contributions/rough/config.ts"],"names":[],"mappings":";;;AAEa,QAAA,qBAAqB,GAAY;IAC5C,mBAAmB,EAAE,CAAC;IAEtB,SAAS,EAAE,GAAG;IAEd,MAAM,EAAE,CAAC;IAET,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,SAAS;IAEzB,cAAc,EAAE,CAAC;IAEjB,SAAS,EAAE,aAAa;IAExB,UAAU,EAAE,SAAS;IAErB,YAAY,EAAE,EAAE;IAEhB,UAAU,EAAE,CAAC;IAEb,cAAc,EAAE,CAAC;IACjB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IAEvB,IAAI,EAAE,CAAC;IACP,YAAY,EAAE,SAAS;IACvB,kBAAkB,EAAE,SAAS;IAE7B,kBAAkB,EAAE,KAAK;IACzB,sBAAsB,EAAE,IAAI;IAC5B,gBAAgB,EAAE,IAAI;IACtB,uBAAuB,EAAE,SAAS;CACnC,CAAC","file":"config.js","sourcesContent":["import type { Options } from 'roughjs/bin/core';\n\nexport const defaultRouthThemeSpec: Options = {\n  maxRandomnessOffset: 3,\n  // 粗糙度，值越大绘制的越乱\n  roughness: 1.6,\n  // 线段的弯曲度\n  bowing: 1,\n  // 曲线拟合程度\n  curveFitting: 0.95,\n  curveTightness: undefined,\n  // 近似曲线的点数\n  curveStepCount: 9,\n  // 填充形式，默认斜线\n  fillStyle: 'cross-hatch',\n  // 填充线的粗细、填充点的大小\n  fillWeight: undefined,\n  // 填充为hachure时的转角\n  hachureAngle: 60,\n  // 填充为hachure时线段间的间隙\n  hachureGap: 6,\n  // 是否简化线段\n  simplification: 0,\n  dashOffset: undefined,\n  dashGap: undefined,\n  zigzagOffset: undefined,\n  // 生成随机形状的种子\n  seed: 3,\n  fillLineDash: undefined,\n  fillLineDashOffset: undefined,\n  // 禁止用多个笔画绘制\n  disableMultiStroke: false,\n  disableMultiStrokeFill: true,\n  preserveVertices: true,\n  fixedDecimalPlaceDigits: undefined\n};\n"]}

package/cjs/render/contributions/rough/context.d.ts

@@ -0,0 +1,142 @@
+import type { IPointLike, TextMeasure, ITextMeasureSpec, IMatrix, Matrix } from '@visactor/vutils';
+import type { ICamera, ICanvas, ICommonStyleParams, IConicalGradientData, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, ITextStyleParams, mat4, EnvType, vec3, CustomPath2D } from '@visactor/vrender-core';
+export declare class RoughContext2d implements IContext2d {
+    static env: EnvType;
+    originContext: IContext2d;
+    customPath: CustomPath2D;
+    constructor(originContext: IContext2d, customPath: CustomPath2D);
+    reset(setTransform?: boolean): void;
+    beginPath(): void;
+    moveTo(x: number, y: number, z?: number): void;
+    lineTo(x: number, y: number, z?: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number, z?: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number, z?: number): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean, z?: number): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    rect(x: number, y: number, w: number, h: number, z?: number): void;
+    closePath(): void;
+    get canvas(): ICanvas;
+    set canvas(value: ICanvas);
+    get camera(): ICamera | undefined;
+    set camera(value: ICamera | undefined);
+    get modelMatrix(): mat4 | undefined;
+    set modelMatrix(value: mat4 | undefined);
+    get nativeContext(): CanvasRenderingContext2D | any;
+    set nativeContext(value: CanvasRenderingContext2D | any);
+    get _inuse(): boolean;
+    set _inuse(value: boolean);
+    get inuse(): boolean;
+    set inuse(value: boolean);
+    get stack(): Matrix[];
+    set stack(value: Matrix[]);
+    get disableFill(): boolean | undefined;
+    set disableFill(value: boolean | undefined);
+    get disableStroke(): boolean | undefined;
+    set disableStroke(value: boolean | undefined);
+    get disableBeginPath(): boolean | undefined;
+    set disableBeginPath(value: boolean | undefined);
+    get fontFamily(): string;
+    set fontFamily(value: string);
+    get fontSize(): number;
+    set fontSize(value: number);
+    get _clearMatrix(): IMatrix;
+    set _clearMatrix(value: IMatrix);
+    get dpr(): number;
+    set dpr(value: number);
+    get baseGlobalAlpha(): number;
+    set baseGlobalAlpha(value: number);
+    get drawPromise(): Promise<any> | undefined;
+    set drawPromise(value: Promise<any> | undefined);
+    get mathTextMeasure(): TextMeasure<ITextMeasureSpec>;
+    set mathTextMeasure(value: TextMeasure<ITextMeasureSpec>);
+    get fillStyle(): string | CanvasGradient | CanvasPattern;
+    set fillStyle(value: string | CanvasGradient | CanvasPattern);
+    get font(): string;
+    set font(value: string);
+    get globalAlpha(): number;
+    set globalAlpha(value: number);
+    get lineCap(): CanvasLineCap;
+    set lineCap(value: CanvasLineCap);
+    get lineDashOffset(): number;
+    set lineDashOffset(value: number);
+    get lineJoin(): CanvasLineJoin;
+    set lineJoin(value: CanvasLineJoin);
+    get lineWidth(): number;
+    set lineWidth(value: number);
+    get miterLimit(): number;
+    set miterLimit(value: number);
+    get shadowBlur(): number;
+    set shadowBlur(value: number);
+    get shadowColor(): string;
+    set shadowColor(value: string);
+    get shadowOffsetX(): number;
+    set shadowOffsetX(value: number);
+    get shadowOffsetY(): number;
+    set shadowOffsetY(value: number);
+    get strokeStyle(): string | CanvasGradient | CanvasPattern;
+    set strokeStyle(value: string | CanvasGradient | CanvasPattern);
+    get textAlign(): CanvasTextAlign;
+    set textAlign(value: CanvasTextAlign);
+    get textBaseline(): CanvasTextBaseline;
+    set textBaseline(value: CanvasTextBaseline);
+    get currentMatrix(): IMatrix;
+    save(): void;
+    restore(): void;
+    highPerformanceSave(): void;
+    highPerformanceRestore(): void;
+    rotate(rad: number, setTransform?: boolean): void;
+    scale(sx: number, sy: number, setTransform?: boolean): void;
+    setScale(sx: number, sy: number, setTransform?: boolean): void;
+    scalePoint(sx: number, sy: number, px: number, py: number, setTransform?: boolean): void;
+    setTransform(a: number, b: number, c: number, d: number, e: number, f: number, setTransform?: boolean, dpr?: number): void;
+    setTransformFromMatrix(matrix: Matrix, setTransform?: boolean, dpr?: number): void;
+    resetTransform(setTransform?: boolean, dpr?: number): void;
+    transform(a: number, b: number, c: number, d: number, e: number, f: number, setTransform?: boolean): void;
+    transformFromMatrix(matrix: Matrix, setTransform?: boolean): void;
+    translate(x: number, y: number, setTransform?: boolean): void;
+    rotateDegrees(deg: number, setTransform?: boolean): void;
+    rotateAbout(rad: number, x: number, y: number, setTransform?: boolean): void;
+    rotateDegreesAbout(deg: number, x: number, y: number, setTransform?: boolean): void;
+    setTransformForCurrent(force?: boolean): void;
+    clip(fillRule?: CanvasFillRule): void;
+    clip(path: Path2D, fillRule?: CanvasFillRule): void;
+    fill(path?: Path2D, fillRule?: CanvasFillRule): void;
+    stroke(path?: Path2D): void;
+    fillRect(x: number, y: number, width: number, height: number): void;
+    strokeRect(x: number, y: number, width: number, height: number): void;
+    fillText(text: string, x: number, y: number, z?: number): void;
+    strokeText(text: string, x: number, y: number, z?: number): void;
+    clearRect(x: number, y: number, w: number, h: number): void;
+    drawImage(...args: any[]): void;
+    createImageData(...args: any[]): ImageData;
+    getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+    putImageData(imagedata: ImageData, dx: number, dy: number): void;
+    createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+    createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+    createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+    getLineDash(): number[];
+    setLineDash(segments: number[]): void;
+    clear(): void;
+    measureText(text: string, method?: 'native' | 'simple' | 'quick'): {
+        width: number;
+    };
+    isPointInPath(x: number, y: number): boolean;
+    isPointInStroke(x: number, y: number): boolean;
+    project(x: number, y: number, z?: number): IPointLike;
+    view(x: number, y: number, z?: number): vec3;
+    getCanvas(): ICanvas;
+    getContext(): CanvasRenderingContext2D | any;
+    setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]): void;
+    setShadowBlendStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, defaultParams?: ICommonStyleParams | Partial<ICommonStyleParams>[]): void;
+    setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams | any): void;
+    setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams, z?: number): void;
+    setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams, z?: number): void;
+    clearMatrix(setTransform?: boolean, dpr?: number): void;
+    setClearMatrix(a: number, b: number, c: number, d: number, e: number, f: number): void;
+    onlyTranslate(dpr?: number): boolean;
+    cloneMatrix(m: Matrix): Matrix;
+    draw(): void;
+    release(...params: any): void;
+}