@visactor/vrender-core 0.18.0-alpha.0 → 0.18.0-alpha.2

package/cjs/common/canvas-utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.createColor = exports.getScaledStroke = void 0;
 
-const vutils_1 = require("@visactor/vutils");
+const vutils_1 = require("@visactor/vutils"), color_utils_1 = require("./color-utils");
 
 function getScaledStroke(context, width, dpr) {
     let strokeWidth = width;
@@ -17,7 +17,7 @@ function createColor(context, c, params, offsetX, offsetY) {
     if (!c || !0 === c) return "black";
     let result, color;
     if ((0, vutils_1.isArray)(c)) for (let i = 0; i < c.length && (color = c[i], !color); i++) ; else color = c;
-    return "string" == typeof color ? color : ("linear" === color.gradient ? result = createLinearGradient(context, color, params, offsetX, offsetY) : "conical" === color.gradient ? result = createConicGradient(context, color, params, offsetX, offsetY) : "radial" === color.gradient && (result = createRadialGradient(context, color, params, offsetX, offsetY)), 
+    return color = color_utils_1.GradientParser.Parse(color), "string" == typeof color ? color : ("linear" === color.gradient ? result = createLinearGradient(context, color, params, offsetX, offsetY) : "conical" === color.gradient ? result = createConicGradient(context, color, params, offsetX, offsetY) : "radial" === color.gradient && (result = createRadialGradient(context, color, params, offsetX, offsetY)), 
     result || "orange");
 }
 

package/cjs/common/canvas-utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/canvas-utils.ts"],"names":[],"mappings":";;;AAIA,6CAAoD;AAEpD,SAAgB,eAAe,CAAC,OAAmB,EAAE,KAAa,EAAE,GAAW;IAC7E,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvD,IAAI,MAAM,GAAG,MAAM,KAAK,CAAC,EAAE;QACzB,OAAO,CAAC,CAAC;KACV;IACD,WAAW,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAClE,OAAO,WAAW,CAAC;AACrB,CAAC;AAXD,0CAWC;AAED,SAAgB,WAAW,CACzB,OAAmB,EACnB,CAAqD,EACrD,MAAqE,EACrE,OAAe,EACf,OAAe;IAEf,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,OAAO,OAAO,CAAC;KAChB;IACD,IAAI,MAA2C,CAAC;IAChD,IAAI,KAAsB,CAAC;IAC3B,IAAI,IAAA,gBAAO,EAAC,CAAC,CAAC,EAAE;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,KAAK,EAAE;gBACT,MAAM;aACP;SACF;KACF;SAAM;QACL,KAAK,GAAG,CAAC,CAAC;KACX;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK,CAAC;KACd;IACD,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;QAC/B,MAAM,GAAG,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KACzE;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;QACvC,MAAM,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KACxE;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;QACtC,MAAM,GAAG,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;KACzE;IACD,OAAO,MAAM,IAAI,QAAQ,CAAC;AAC5B,CAAC;AAjCD,kCAiCC;AAED,SAAS,oBAAoB,CAC3B,OAAmB,EACnB,KAAsB,EACtB,MAAqE,EACrE,UAAkB,CAAC,EACnB,UAAkB,CAAC;;IAEnB,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,MAAM,CAAC,SAAS,EAAE;QACpB,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QACpD,IAAI,MAAM,GAAG,MAAM,KAAK,CAAC,EAAE;YACzB,OAAO;SACR;QACD,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;KACb;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,CACjD,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,EACvB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,EACvB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,EACvB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,CACxB,CAAC;IACF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACzB,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAS,oBAAoB,CAC3B,OAAmB,EACnB,KAAsB,EACtB,MAAqE,EACrE,UAAkB,CAAC,EACnB,UAAkB,CAAC;;IAEnB,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,MAAM,CAAC,SAAS,EAAE;QACpB,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QACpD,IAAI,MAAM,GAAG,MAAM,KAAK,CAAC,EAAE;YACzB,OAAO;SACR;QACD,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;KACb;IACD,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,CACjD,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,CAAC,GAAG,CAAC,EACzB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,CAAC,GAAG,CAAC,EACzB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,CAAC,CAAC,EAChC,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,CAAC,GAAG,CAAC,EACzB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,CAAC,GAAG,CAAC,EACzB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,CAAC,CACnC,CAAC;IACF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACzB,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAAmB,EACnB,KAAuB,EACvB,MAAqE,EACrE,UAAkB,CAAC,EACnB,UAAkB,CAAC;;IAEnB,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IACjC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC;IAC5B,IAAI,MAAM,CAAC,SAAS,EAAE;QACpB,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;QACpD,IAAI,MAAM,GAAG,MAAM,KAAK,CAAC,EAAE;YACzB,OAAO;SACR;QACD,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;QACZ,CAAC,IAAI,MAAM,CAAC;KACb;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,mBAAmB,CAChD,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,EACtB,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,EACtB,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,QAAQ,CACf,CAAC;IACF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACzB,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,IAAI,UAAU,CAAC;IACf,OAAQ,cAAsB,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;AACtE,CAAC","file":"canvas-utils.js","sourcesContent":["import type { IColor, IConicalGradient, ILinearGradient, IRadialGradient } from '../interface/color';\nimport type { IContext2d, ITransform } from '../interface';\nimport { ICommonStyleParams } from '../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { IMatrix, isArray } from '@visactor/vutils';\n\nexport function getScaledStroke(context: IContext2d, width: number, dpr: number) {\n  let strokeWidth = width;\n  const { a, b, c, d } = context.currentMatrix;\n  const scaleX = Math.sign(a) * Math.sqrt(a * a + b * b);\n  const scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);\n  // 如果没有scaleX和scaleY，那么认为什么都不用绘制\n  if (scaleX + scaleY === 0) {\n    return 0;\n  }\n  strokeWidth = (strokeWidth / Math.abs(scaleX + scaleY)) * 2 * dpr;\n  return strokeWidth;\n}\n\nexport function createColor(\n  context: IContext2d,\n  c: string | IColor | Array<string | IColor> | boolean,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number,\n  offsetY: number\n): string | CanvasGradient {\n  if (!c || c === true) {\n    return 'black';\n  }\n  let result: string | CanvasGradient | undefined;\n  let color: string | IColor;\n  if (isArray(c)) {\n    for (let i = 0; i < c.length; i++) {\n      color = c[i];\n      if (color) {\n        break;\n      }\n    }\n  } else {\n    color = c;\n  }\n  if (typeof color === 'string') {\n    return color;\n  }\n  if (color.gradient === 'linear') {\n    result = createLinearGradient(context, color, params, offsetX, offsetY);\n  } else if (color.gradient === 'conical') {\n    result = createConicGradient(context, color, params, offsetX, offsetY);\n  } else if (color.gradient === 'radial') {\n    result = createRadialGradient(context, color, params, offsetX, offsetY);\n  }\n  return result || 'orange';\n}\n\nfunction createLinearGradient(\n  context: IContext2d,\n  color: ILinearGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    w /= scaleX;\n    h /= scaleY;\n    x /= scaleX;\n    y /= scaleY;\n  }\n\n  const canvasGradient = context.createLinearGradient(\n    x + (color.x0 ?? 0) * w,\n    y + (color.y0 ?? 0) * h,\n    x + (color.x1 ?? 1) * w,\n    y + (color.y1 ?? 0) * h\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n  return canvasGradient;\n}\n\nfunction createRadialGradient(\n  context: IContext2d,\n  color: IRadialGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    x /= scaleX;\n    y /= scaleY;\n    w /= scaleX;\n    h /= scaleY;\n  }\n  const canvasGradient = context.createRadialGradient(\n    x + (color.x0 ?? 0.5) * w,\n    y + (color.y0 ?? 0.5) * h,\n    Math.max(w, h) * (color.r0 ?? 0),\n    x + (color.x1 ?? 0.5) * w,\n    y + (color.y1 ?? 0.5) * h,\n    Math.max(w, h) * (color.r1 ?? 0.5)\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n  return canvasGradient;\n}\n\nfunction createConicGradient(\n  context: IContext2d,\n  color: IConicalGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    w /= scaleX;\n    h /= scaleY;\n    x /= scaleX;\n    y /= scaleY;\n  }\n\n  const canvasGradient = context.createConicGradient(\n    x + (color.x ?? 0) * w,\n    y + (color.y ?? 0) * h,\n    color.startAngle,\n    color.endAngle\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n\n  let deltaAngle;\n  return (canvasGradient as any).GetPattern(w + x, h + y, deltaAngle);\n}\n"]}
+{"version":3,"sources":["../src/common/canvas-utils.ts"],"names":[],"mappings":"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","file":"canvas-utils.js","sourcesContent":["import type { IColor, IConicalGradient, ILinearGradient, IRadialGradient } from '../interface/color';\nimport type { IContext2d, ITransform } from '../interface';\nimport { ICommonStyleParams } from '../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { IMatrix, isArray } from '@visactor/vutils';\nimport { GradientParser } from './color-utils';\n\nexport function getScaledStroke(context: IContext2d, width: number, dpr: number) {\n  let strokeWidth = width;\n  const { a, b, c, d } = context.currentMatrix;\n  const scaleX = Math.sign(a) * Math.sqrt(a * a + b * b);\n  const scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);\n  // 如果没有scaleX和scaleY，那么认为什么都不用绘制\n  if (scaleX + scaleY === 0) {\n    return 0;\n  }\n  strokeWidth = (strokeWidth / Math.abs(scaleX + scaleY)) * 2 * dpr;\n  return strokeWidth;\n}\n\nexport function createColor(\n  context: IContext2d,\n  c: string | IColor | Array<string | IColor> | boolean,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number,\n  offsetY: number\n): string | CanvasGradient {\n  if (!c || c === true) {\n    return 'black';\n  }\n  let result: string | CanvasGradient | undefined;\n  let color: string | IColor;\n  if (isArray(c)) {\n    for (let i = 0; i < c.length; i++) {\n      color = c[i];\n      if (color) {\n        break;\n      }\n    }\n  } else {\n    color = c;\n  }\n  color = GradientParser.Parse(color);\n  if (typeof color === 'string') {\n    return color;\n  }\n  // TODO 不同scaleCenter有问题\n  if (color.gradient === 'linear') {\n    result = createLinearGradient(context, color, params, offsetX, offsetY);\n  } else if (color.gradient === 'conical') {\n    result = createConicGradient(context, color, params, offsetX, offsetY);\n  } else if (color.gradient === 'radial') {\n    result = createRadialGradient(context, color, params, offsetX, offsetY);\n  }\n  return result || 'orange';\n}\n\nfunction createLinearGradient(\n  context: IContext2d,\n  color: ILinearGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    w /= scaleX;\n    h /= scaleY;\n    x /= scaleX;\n    y /= scaleY;\n  }\n\n  const canvasGradient = context.createLinearGradient(\n    x + (color.x0 ?? 0) * w,\n    y + (color.y0 ?? 0) * h,\n    x + (color.x1 ?? 1) * w,\n    y + (color.y1 ?? 0) * h\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n  return canvasGradient;\n}\n\nfunction createRadialGradient(\n  context: IContext2d,\n  color: IRadialGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    x /= scaleX;\n    y /= scaleY;\n    w /= scaleX;\n    h /= scaleY;\n  }\n  const canvasGradient = context.createRadialGradient(\n    x + (color.x0 ?? 0.5) * w,\n    y + (color.y0 ?? 0.5) * h,\n    Math.max(w, h) * (color.r0 ?? 0),\n    x + (color.x1 ?? 0.5) * w,\n    y + (color.y1 ?? 0.5) * h,\n    Math.max(w, h) * (color.r1 ?? 0.5)\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n  return canvasGradient;\n}\n\nfunction createConicGradient(\n  context: IContext2d,\n  color: IConicalGradient,\n  params: { AABBBounds?: IBoundsLike; attribute?: Partial<ITransform> },\n  offsetX: number = 0,\n  offsetY: number = 0\n) {\n  const bounds = params.AABBBounds;\n  if (!bounds) {\n    return;\n  }\n  let w = bounds.x2 - bounds.x1;\n  let h = bounds.y2 - bounds.y1;\n  let x = bounds.x1 - offsetX;\n  let y = bounds.y1 - offsetY;\n  if (params.attribute) {\n    const { scaleX = 1, scaleY = 1 } = params.attribute;\n    if (scaleX * scaleY === 0) {\n      return;\n    }\n    w /= scaleX;\n    h /= scaleY;\n    x /= scaleX;\n    y /= scaleY;\n  }\n\n  const canvasGradient = context.createConicGradient(\n    x + (color.x ?? 0) * w,\n    y + (color.y ?? 0) * h,\n    color.startAngle,\n    color.endAngle\n  );\n  color.stops.forEach(stop => {\n    canvasGradient.addColorStop(stop.offset, stop.color);\n  });\n\n  let deltaAngle;\n  return (canvasGradient as any).GetPattern(w + x, h + y, deltaAngle);\n}\n"]}

package/cjs/common/color-utils.d.ts

@@ -0,0 +1,9 @@
+import type { IColor } from '../interface';
+export declare class GradientParser {
+    static IsGradient(c: IColor): boolean;
+    static IsGradientStr(c: IColor): boolean;
+    static Parse(c: IColor): IColor;
+    private static ParseConic;
+    private static ParseRadial;
+    private static ParseLinear;
+}

package/cjs/common/color-utils.js

@@ -0,0 +1,231 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GradientParser = void 0;
+
+const vutils_1 = require("@visactor/vutils"), parse = function() {
+    const tokens = {
+        linearGradient: /^(linear\-gradient)/i,
+        radialGradient: /^(radial\-gradient)/i,
+        conicGradient: /^(conic\-gradient)/i,
+        sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,
+        extentKeywords: /^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,
+        positionKeywords: /^(left|center|right|top|bottom)/i,
+        pixelValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,
+        percentageValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,
+        emValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,
+        angleValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,
+        fromAngleValue: /^from\s*(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,
+        startCall: /^\(/,
+        endCall: /^\)/,
+        comma: /^,/,
+        hexColor: /(^\#[0-9a-fA-F]+)/,
+        literalColor: /^([a-zA-Z]+)/,
+        rgbColor: /^(rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\))/i,
+        rgbaColor: /^(rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*((\d\.\d+)|\d{1,3})\))/i,
+        number: /^(([0-9]*\.[0-9]+)|([0-9]+\.?))/
+    };
+    let input = "";
+    function error(msg) {
+        const err = new Error(input + ": " + msg);
+        throw err.source = input, err;
+    }
+    function getAST() {
+        const ast = matchListing(matchDefinition);
+        return input.length > 0 && error("Invalid input not EOF"), ast;
+    }
+    function matchDefinition() {
+        return matchGradient("linear", tokens.linearGradient, matchLinearOrientation) || matchGradient("radial", tokens.radialGradient, matchListRadialOrientations) || matchGradient("conic", tokens.conicGradient, matchConicalOrientation);
+    }
+    function matchGradient(gradientType, pattern, orientationMatcher) {
+        return function(pattern, callback) {
+            const captures = scan(pattern);
+            if (captures) {
+                scan(tokens.startCall) || error("Missing (");
+                const result = callback(captures);
+                return scan(tokens.endCall) || error("Missing )"), result;
+            }
+        }(pattern, (function(captures) {
+            const orientation = orientationMatcher();
+            return orientation && (scan(tokens.comma) || error("Missing comma before color stops")), 
+            {
+                type: gradientType,
+                orientation: orientation,
+                colorStops: matchListing(matchColorStop)
+            };
+        }));
+    }
+    function matchLinearOrientation() {
+        return match("directional", tokens.sideOrCorner, 1) || match("angular", tokens.angleValue, 1);
+    }
+    function matchConicalOrientation() {
+        return match("angular", tokens.fromAngleValue, 1);
+    }
+    function matchListRadialOrientations() {
+        let radialOrientations, lookaheadCache, radialOrientation = matchRadialOrientation();
+        return radialOrientation && (radialOrientations = [], radialOrientations.push(radialOrientation), 
+        lookaheadCache = input, scan(tokens.comma) && (radialOrientation = matchRadialOrientation(), 
+        radialOrientation ? radialOrientations.push(radialOrientation) : input = lookaheadCache)), 
+        radialOrientations;
+    }
+    function matchRadialOrientation() {
+        let radialType = function() {
+            const circle = match("shape", /^(circle)/i, 0);
+            circle && (circle.style = matchLength() || matchExtentKeyword());
+            return circle;
+        }() || function() {
+            const ellipse = match("shape", /^(ellipse)/i, 0);
+            ellipse && (ellipse.style = matchDistance() || matchExtentKeyword());
+            return ellipse;
+        }();
+        if (radialType) radialType.at = matchAtPosition(); else {
+            const extent = matchExtentKeyword();
+            if (extent) {
+                radialType = extent;
+                const positionAt = matchAtPosition();
+                positionAt && (radialType.at = positionAt);
+            } else {
+                const defaultPosition = matchPositioning();
+                defaultPosition && (radialType = {
+                    type: "default-radial",
+                    at: defaultPosition
+                });
+            }
+        }
+        return radialType;
+    }
+    function matchExtentKeyword() {
+        return match("extent-keyword", tokens.extentKeywords, 1);
+    }
+    function matchAtPosition() {
+        if (match("position", /^at/, 0)) {
+            const positioning = matchPositioning();
+            return positioning || error("Missing positioning value"), positioning;
+        }
+    }
+    function matchPositioning() {
+        const location = {
+            x: matchDistance(),
+            y: matchDistance()
+        };
+        if (location.x || location.y) return {
+            type: "position",
+            value: location
+        };
+    }
+    function matchListing(matcher) {
+        let captures = matcher();
+        const result = [];
+        if (captures) for (result.push(captures); scan(tokens.comma); ) captures = matcher(), 
+        captures ? result.push(captures) : error("One extra comma");
+        return result;
+    }
+    function matchColorStop() {
+        const color = match("hex", tokens.hexColor, 1) || match("rgba", tokens.rgbaColor, 1) || match("rgb", tokens.rgbColor, 1) || match("literal", tokens.literalColor, 0);
+        return color || error("Expected color definition"), color.length = matchDistance(), 
+        color;
+    }
+    function matchDistance() {
+        return match("%", tokens.percentageValue, 1) || match("position-keyword", tokens.positionKeywords, 1) || matchLength();
+    }
+    function matchLength() {
+        return match("px", tokens.pixelValue, 1) || match("em", tokens.emValue, 1);
+    }
+    function match(type, pattern, captureIndex) {
+        const captures = scan(pattern);
+        if (captures) return {
+            type: type,
+            value: captures[captureIndex]
+        };
+    }
+    function scan(regexp) {
+        const blankCaptures = /^[\n\r\t\s]+/.exec(input);
+        blankCaptures && consume(blankCaptures[0].length);
+        const captures = regexp.exec(input);
+        return captures && consume(captures[0].length), captures;
+    }
+    function consume(size) {
+        input = input.substr(size);
+    }
+    return function(code) {
+        return input = code.toString(), getAST();
+    };
+}();
+
+class GradientParser {
+    static IsGradient(c) {
+        return !("string" == typeof c && c.length < 10);
+    }
+    static IsGradientStr(c) {
+        return "string" == typeof c && c.length > 10;
+    }
+    static Parse(c) {
+        if (GradientParser.IsGradientStr(c)) try {
+            const datum = parse(c)[0];
+            if (datum) {
+                if ("linear" === datum.type) return GradientParser.ParseLinear(datum);
+                if ("radial" === datum.type) return GradientParser.ParseRadial(datum);
+                if ("conic" === datum.type) return GradientParser.ParseConic(datum);
+            }
+        } catch (err) {
+            return c;
+        }
+        return c;
+    }
+    static ParseConic(datum) {
+        const {orientation: orientation, colorStops: colorStops = []} = datum, halfPi = vutils_1.pi / 2, sa = parseFloat(orientation.value) / 180 * vutils_1.pi - halfPi;
+        return {
+            gradient: "conical",
+            x: .5,
+            y: .5,
+            startAngle: sa,
+            endAngle: sa + vutils_1.pi2,
+            stops: colorStops.map((item => ({
+                color: item.value,
+                offset: parseFloat(item.length.value) / 100
+            })))
+        };
+    }
+    static ParseRadial(datum) {
+        const {colorStops: colorStops = []} = datum;
+        return {
+            gradient: "radial",
+            x0: .5,
+            y0: .5,
+            x1: .5,
+            y1: .5,
+            r0: 0,
+            r1: 1,
+            stops: colorStops.map((item => ({
+                color: item.value,
+                offset: parseFloat(item.length.value) / 100
+            })))
+        };
+    }
+    static ParseLinear(datum) {
+        const {orientation: orientation, colorStops: colorStops = []} = datum, halfPi = vutils_1.pi / 2;
+        let angle = "angular" === orientation.type ? parseFloat(orientation.value) / 180 * vutils_1.pi : 0;
+        for (;angle < 0; ) angle += vutils_1.pi2;
+        for (;angle > vutils_1.pi2; ) angle -= vutils_1.pi2;
+        let x0 = 0, y0 = 0, x1 = 0, y1 = 0;
+        return angle < halfPi ? (x0 = 0, y0 = 1, x1 = Math.sin(angle), y1 = Math.cos(angle)) : angle < vutils_1.pi ? (x0 = 0, 
+        y0 = 0, x1 = Math.cos(angle - halfPi), y1 = Math.sin(angle - halfPi)) : angle < vutils_1.pi + halfPi ? (x0 = 1, 
+        y0 = 0, x1 = x0 - Math.sin(angle - vutils_1.pi), y1 = Math.cos(angle - vutils_1.pi)) : (x0 = 1, 
+        x1 = x0 - Math.cos(angle - halfPi - vutils_1.pi), y1 -= Math.sin(angle - halfPi - vutils_1.pi)), 
+        {
+            gradient: "linear",
+            x0: x0,
+            y0: y0,
+            x1: x1,
+            y1: y1,
+            stops: colorStops.map((item => ({
+                color: item.value,
+                offset: parseFloat(item.length.value) / 100
+            })))
+        };
+    }
+}
+
+exports.GradientParser = GradientParser;
+//# sourceMappingURL=color-utils.js.map

package/cjs/common/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/color-utils.ts"],"names":[],"mappings":";;;AA4BA,6CAA2C;AAK3C,MAAM,KAAK,GAAG,CAAC;IACb,MAAM,MAAM,GAAG;QACb,cAAc,EAAE,sBAAsB;QACtC,cAAc,EAAE,sBAAsB;QACtC,aAAa,EAAE,qBAAqB;QACpC,YAAY,EACV,wGAAwG;QAC1G,cAAc,EAAE,gFAAgF;QAChG,gBAAgB,EAAE,kCAAkC;QACpD,UAAU,EAAE,uCAAuC;QACnD,eAAe,EAAE,uCAAuC;QACxD,OAAO,EAAE,uCAAuC;QAChD,UAAU,EAAE,wCAAwC;QACpD,cAAc,EAAE,+CAA+C;QAC/D,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,mBAAmB;QAC7B,YAAY,EAAE,cAAc;QAC5B,QAAQ,EAAE,0CAA0C;QACpD,SAAS,EAAE,kEAAkE;QAC7E,MAAM,EAAE,iCAAiC;KAC1C,CAAC;IAEF,IAAI,KAAK,GAAG,EAAE,CAAC;IAEf,SAAS,KAAK,CAAC,GAAQ;QACrB,MAAM,GAAG,GAAQ,IAAI,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC;QAC/C,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC;QACnB,MAAM,GAAG,CAAC;IACZ,CAAC;IAED,SAAS,MAAM;QACb,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;QAEnC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,KAAK,CAAC,uBAAuB,CAAC,CAAC;SAChC;QAED,OAAO,GAAG,CAAC;IACb,CAAC;IAED,SAAS,oBAAoB;QAC3B,OAAO,YAAY,CAAC,eAAe,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,CACL,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,sBAAsB,CAAC;YACtE,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,2BAA2B,CAAC;YAC3E,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,uBAAuB,CAAC,CACtE,CAAC;IACJ,CAAC;IAED,SAAS,aAAa,CAAC,YAAoB,EAAE,OAAe,EAAE,kBAAuB;QACnF,OAAO,SAAS,CAAC,OAAO,EAAE,UAAU,QAAa;YAC/C,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;YACzC,IAAI,WAAW,EAAE;gBACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;oBACvB,KAAK,CAAC,kCAAkC,CAAC,CAAC;iBAC3C;aACF;YAED,OAAO;gBACL,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,WAAW;gBACxB,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC;aACzC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,SAAS,CAAC,OAAe,EAAE,QAAa;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBAC3B,KAAK,CAAC,WAAW,CAAC,CAAC;aACpB;YAED,MAAM,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAElC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;gBACzB,KAAK,CAAC,WAAW,CAAC,CAAC;aACpB;YAED,OAAO,MAAM,CAAC;SACf;IACH,CAAC;IAED,SAAS,sBAAsB;QAC7B,OAAO,iBAAiB,EAAE,IAAI,UAAU,EAAE,CAAC;IAC7C,CAAC;IACD,SAAS,uBAAuB;QAC9B,OAAO,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS,iBAAiB;QACxB,OAAO,KAAK,CAAC,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,SAAS,UAAU;QACjB,OAAO,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC;IACD,SAAS,cAAc;QACrB,OAAO,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,SAAS,2BAA2B;QAClC,IAAI,kBAAkB,CAAC;QACvB,IAAI,iBAAiB,GAAG,sBAAsB,EAAE,CAAC;QACjD,IAAI,cAAc,CAAC;QAEnB,IAAI,iBAAiB,EAAE;YACrB,kBAAkB,GAAG,EAAE,CAAC;YACxB,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAE3C,cAAc,GAAG,KAAK,CAAC;YACvB,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBACtB,iBAAiB,GAAG,sBAAsB,EAAE,CAAC;gBAC7C,IAAI,iBAAiB,EAAE;oBACrB,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;iBAC5C;qBAAM;oBACL,KAAK,GAAG,cAAc,CAAC;iBACxB;aACF;SACF;QAED,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED,SAAS,sBAAsB;QAC7B,IAAI,UAAU,GAAQ,WAAW,EAAE,IAAI,YAAY,EAAE,CAAC;QAEtD,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;SACnC;aAAM;YACL,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;YACpC,IAAI,MAAM,EAAE;gBACV,UAAU,GAAG,MAAM,CAAC;gBACpB,MAAM,UAAU,GAAG,eAAe,EAAE,CAAC;gBACrC,IAAI,UAAU,EAAE;oBACd,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC;iBAC5B;aACF;iBAAM;gBACL,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;gBAC3C,IAAI,eAAe,EAAE;oBACnB,UAAU,GAAG;wBACX,IAAI,EAAE,gBAAgB;wBACtB,EAAE,EAAE,eAAe;qBACpB,CAAC;iBACH;aACF;SACF;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,SAAS,WAAW;QAClB,MAAM,MAAM,GAAQ,KAAK,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;QAEpD,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,KAAK,GAAG,WAAW,EAAE,IAAI,kBAAkB,EAAE,CAAC;SACtD;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAS,YAAY;QACnB,MAAM,OAAO,GAAQ,KAAK,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;QAEtD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,aAAa,EAAE,IAAI,kBAAkB,EAAE,CAAC;SACzD;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,SAAS,kBAAkB;QACzB,OAAO,KAAK,CAAC,gBAAgB,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,SAAS,eAAe;QACtB,IAAI,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE;YAC/B,MAAM,WAAW,GAAG,gBAAgB,EAAE,CAAC;YAEvC,IAAI,CAAC,WAAW,EAAE;gBAChB,KAAK,CAAC,2BAA2B,CAAC,CAAC;aACpC;YAED,OAAO,WAAW,CAAC;SACpB;IACH,CAAC;IAED,SAAS,gBAAgB;QACvB,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;QAEpC,IAAI,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,EAAE;YAC5B,OAAO;gBACL,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,QAAQ;aAChB,CAAC;SACH;IACH,CAAC;IAED,SAAS,gBAAgB;QACvB,OAAO;YACL,CAAC,EAAE,aAAa,EAAE;YAClB,CAAC,EAAE,aAAa,EAAE;SACnB,CAAC;IACJ,CAAC;IAED,SAAS,YAAY,CAAC,OAAY;QAChC,IAAI,QAAQ,GAAG,OAAO,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,EAAE,CAAC;QAElB,IAAI,QAAQ,EAAE;YACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtB,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBACzB,QAAQ,GAAG,OAAO,EAAE,CAAC;gBACrB,IAAI,QAAQ,EAAE;oBACZ,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACvB;qBAAM;oBACL,KAAK,CAAC,iBAAiB,CAAC,CAAC;iBAC1B;aACF;SACF;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAS,cAAc;QACrB,MAAM,KAAK,GAAQ,UAAU,EAAE,CAAC;QAEhC,IAAI,CAAC,KAAK,EAAE;YACV,KAAK,CAAC,2BAA2B,CAAC,CAAC;SACpC;QAED,KAAK,CAAC,MAAM,GAAG,aAAa,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,UAAU;QACjB,OAAO,aAAa,EAAE,IAAI,cAAc,EAAE,IAAI,aAAa,EAAE,IAAI,iBAAiB,EAAE,CAAC;IACvF,CAAC;IAED,SAAS,iBAAiB;QACxB,OAAO,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,SAAS,aAAa;QACpB,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,SAAS,aAAa;QACpB,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,SAAS,cAAc;QACrB,OAAO,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS,WAAW;QAClB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,SAAS,aAAa;QACpB,OAAO,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,IAAI,oBAAoB,EAAE,IAAI,WAAW,EAAE,CAAC;IAC1F,CAAC;IAED,SAAS,oBAAoB;QAC3B,OAAO,KAAK,CAAC,kBAAkB,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,SAAS,WAAW;QAClB,OAAO,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,SAAS,KAAK,CAAC,IAAY,EAAE,OAAe,EAAE,YAAoB;QAChE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,QAAQ,EAAE;YACZ,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC;aAC9B,CAAC;SACH;IACH,CAAC;IAED,SAAS,IAAI,CAAC,MAAc;QAC1B,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;SAClC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;SAC7B;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,SAAS,OAAO,CAAC,IAAY;QAC3B,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,OAAO,UAAU,IAAY;QAC3B,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,MAAM,EAAE,CAAC;IAClB,CAAC,CAAC;AACJ,CAAC,CAAC,EAAE,CAAC;AAEL,MAAa,cAAc;IACzB,MAAM,CAAC,UAAU,CAAC,CAAS;QACzB,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,CAAS;QAC5B,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC;IAChD,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,CAAS;QACpB,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACnC,IAAI;gBACF,MAAM,IAAI,GAAG,KAAK,CAAC,CAAW,CAAC,CAAC;gBAChC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;gBACtB,IAAI,KAAK,EAAE;oBACT,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;wBAC3B,OAAO,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;qBAC1C;yBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;wBAClC,OAAO,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;qBAC1C;yBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;wBACjC,OAAO,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;qBACzC;iBACF;aACF;YAAC,OAAO,GAAG,EAAE;gBACZ,OAAO,CAAC,CAAC;aACV;SACF;QACD,OAAO,CAAC,CAAC;IACX,CAAC;IACO,MAAM,CAAC,UAAU,CAAC,KAAU;QAClC,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;QAC/C,MAAM,MAAM,GAAG,WAAE,GAAG,CAAC,CAAC;QACtB,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,WAAE,GAAG,MAAM,CAAC;QAC/D,OAAO;YACL,QAAQ,EAAE,SAAS;YACnB,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,GAAG;YACN,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,EAAE,GAAG,YAAG;YAClB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;gBAClC,OAAO;oBACL,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG;iBAC5C,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;IACJ,CAAC;IACO,MAAM,CAAC,WAAW,CAAC,KAAU;QACnC,MAAM,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;QAClC,OAAO;YACL,QAAQ,EAAE,QAAQ;YAClB,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;gBAClC,OAAO;oBACL,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG;iBAC5C,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;IACJ,CAAC;IACO,MAAM,CAAC,WAAW,CAAC,KAAU;QACnC,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;QAC/C,MAAM,MAAM,GAAG,WAAE,GAAG,CAAC,CAAC;QACtB,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,WAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5F,OAAO,KAAK,GAAG,CAAC,EAAE;YAChB,KAAK,IAAI,YAAG,CAAC;SACd;QACD,OAAO,KAAK,GAAG,YAAG,EAAE;YAClB,KAAK,IAAI,YAAG,CAAC;SACd;QACD,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,KAAK,GAAG,MAAM,EAAE;YAClB,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrB,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SACtB;aAAM,IAAI,KAAK,GAAG,WAAE,EAAE;YACrB,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC;YAC9B,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC;SAC/B;aAAM,IAAI,KAAK,GAAG,WAAE,GAAG,MAAM,EAAE;YAC9B,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,WAAE,CAAC,CAAC;YAC/B,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,WAAE,CAAC,CAAC;SAC3B;aAAM;YACL,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,CAAC,CAAC;YACP,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,GAAG,WAAE,CAAC,CAAC;YACxC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,GAAG,WAAE,CAAC,CAAC;SACzC;QACD,OAAO;YACL,QAAQ,EAAE,QAAQ;YAClB,EAAE;YACF,EAAE;YACF,EAAE;YACF,EAAE;YACF,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;gBAClC,OAAO;oBACL,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG;iBAC5C,CAAC;YACJ,CAAC,CAAC;SACH,CAAC;IACJ,CAAC;CACF;AAlHD,wCAkHC","file":"color-utils.js","sourcesContent":["// 解析字符串gradient-color\n/**\n * The MIT License (MIT)\n\n  Copyright (c) 2014 Rafael Carício\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 all\n  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 THE\n  SOFTWARE.\n */\n// Copyright (c) 2014 Rafael Caricio. All rights reserved.\n// Use of this source code is governed by a BSD-style license that can be\n// found in the LICENSE file.\n\nimport { pi, pi2 } from '@visactor/vutils';\nimport type { IColor, IConicalGradient, ILinearGradient, IRadialGradient } from '../interface';\n\n// @ts-ignore\n\nconst parse = (function () {\n  const tokens = {\n    linearGradient: /^(linear\\-gradient)/i,\n    radialGradient: /^(radial\\-gradient)/i,\n    conicGradient: /^(conic\\-gradient)/i,\n    sideOrCorner:\n      /^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,\n    extentKeywords: /^(closest\\-side|closest\\-corner|farthest\\-side|farthest\\-corner|contain|cover)/,\n    positionKeywords: /^(left|center|right|top|bottom)/i,\n    pixelValue: /^(-?(([0-9]*\\.[0-9]+)|([0-9]+\\.?)))px/,\n    percentageValue: /^(-?(([0-9]*\\.[0-9]+)|([0-9]+\\.?)))\\%/,\n    emValue: /^(-?(([0-9]*\\.[0-9]+)|([0-9]+\\.?)))em/,\n    angleValue: /^(-?(([0-9]*\\.[0-9]+)|([0-9]+\\.?)))deg/,\n    fromAngleValue: /^from\\s*(-?(([0-9]*\\.[0-9]+)|([0-9]+\\.?)))deg/,\n    startCall: /^\\(/,\n    endCall: /^\\)/,\n    comma: /^,/,\n    hexColor: /(^\\#[0-9a-fA-F]+)/,\n    literalColor: /^([a-zA-Z]+)/,\n    rgbColor: /^(rgb\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}\\))/i,\n    rgbaColor: /^(rgba\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3},\\s*((\\d\\.\\d+)|\\d{1,3})\\))/i,\n    number: /^(([0-9]*\\.[0-9]+)|([0-9]+\\.?))/\n  };\n\n  let input = '';\n\n  function error(msg: any) {\n    const err: any = new Error(input + ': ' + msg);\n    err.source = input;\n    throw err;\n  }\n\n  function getAST() {\n    const ast = matchListDefinitions();\n\n    if (input.length > 0) {\n      error('Invalid input not EOF');\n    }\n\n    return ast;\n  }\n\n  function matchListDefinitions() {\n    return matchListing(matchDefinition);\n  }\n\n  function matchDefinition() {\n    return (\n      matchGradient('linear', tokens.linearGradient, matchLinearOrientation) ||\n      matchGradient('radial', tokens.radialGradient, matchListRadialOrientations) ||\n      matchGradient('conic', tokens.conicGradient, matchConicalOrientation)\n    );\n  }\n\n  function matchGradient(gradientType: string, pattern: RegExp, orientationMatcher: any) {\n    return matchCall(pattern, function (captures: any) {\n      const orientation = orientationMatcher();\n      if (orientation) {\n        if (!scan(tokens.comma)) {\n          error('Missing comma before color stops');\n        }\n      }\n\n      return {\n        type: gradientType,\n        orientation: orientation,\n        colorStops: matchListing(matchColorStop)\n      };\n    });\n  }\n\n  function matchCall(pattern: RegExp, callback: any) {\n    const captures = scan(pattern);\n\n    if (captures) {\n      if (!scan(tokens.startCall)) {\n        error('Missing (');\n      }\n\n      const result = callback(captures);\n\n      if (!scan(tokens.endCall)) {\n        error('Missing )');\n      }\n\n      return result;\n    }\n  }\n\n  function matchLinearOrientation() {\n    return matchSideOrCorner() || matchAngle();\n  }\n  function matchConicalOrientation() {\n    return matchFromAngle();\n  }\n\n  function matchSideOrCorner() {\n    return match('directional', tokens.sideOrCorner, 1);\n  }\n\n  function matchAngle() {\n    return match('angular', tokens.angleValue, 1);\n  }\n  function matchFromAngle() {\n    return match('angular', tokens.fromAngleValue, 1);\n  }\n\n  function matchListRadialOrientations() {\n    let radialOrientations;\n    let radialOrientation = matchRadialOrientation();\n    let lookaheadCache;\n\n    if (radialOrientation) {\n      radialOrientations = [];\n      radialOrientations.push(radialOrientation);\n\n      lookaheadCache = input;\n      if (scan(tokens.comma)) {\n        radialOrientation = matchRadialOrientation();\n        if (radialOrientation) {\n          radialOrientations.push(radialOrientation);\n        } else {\n          input = lookaheadCache;\n        }\n      }\n    }\n\n    return radialOrientations;\n  }\n\n  function matchRadialOrientation() {\n    let radialType: any = matchCircle() || matchEllipse();\n\n    if (radialType) {\n      radialType.at = matchAtPosition();\n    } else {\n      const extent = matchExtentKeyword();\n      if (extent) {\n        radialType = extent;\n        const positionAt = matchAtPosition();\n        if (positionAt) {\n          radialType.at = positionAt;\n        }\n      } else {\n        const defaultPosition = matchPositioning();\n        if (defaultPosition) {\n          radialType = {\n            type: 'default-radial',\n            at: defaultPosition\n          };\n        }\n      }\n    }\n\n    return radialType;\n  }\n\n  function matchCircle() {\n    const circle: any = match('shape', /^(circle)/i, 0);\n\n    if (circle) {\n      circle.style = matchLength() || matchExtentKeyword();\n    }\n\n    return circle;\n  }\n\n  function matchEllipse() {\n    const ellipse: any = match('shape', /^(ellipse)/i, 0);\n\n    if (ellipse) {\n      ellipse.style = matchDistance() || matchExtentKeyword();\n    }\n\n    return ellipse;\n  }\n\n  function matchExtentKeyword() {\n    return match('extent-keyword', tokens.extentKeywords, 1);\n  }\n\n  function matchAtPosition() {\n    if (match('position', /^at/, 0)) {\n      const positioning = matchPositioning();\n\n      if (!positioning) {\n        error('Missing positioning value');\n      }\n\n      return positioning;\n    }\n  }\n\n  function matchPositioning() {\n    const location = matchCoordinates();\n\n    if (location.x || location.y) {\n      return {\n        type: 'position',\n        value: location\n      };\n    }\n  }\n\n  function matchCoordinates() {\n    return {\n      x: matchDistance(),\n      y: matchDistance()\n    };\n  }\n\n  function matchListing(matcher: any) {\n    let captures = matcher();\n    const result = [];\n\n    if (captures) {\n      result.push(captures);\n      while (scan(tokens.comma)) {\n        captures = matcher();\n        if (captures) {\n          result.push(captures);\n        } else {\n          error('One extra comma');\n        }\n      }\n    }\n\n    return result;\n  }\n\n  function matchColorStop() {\n    const color: any = matchColor();\n\n    if (!color) {\n      error('Expected color definition');\n    }\n\n    color.length = matchDistance();\n    return color;\n  }\n\n  function matchColor() {\n    return matchHexColor() || matchRGBAColor() || matchRGBColor() || matchLiteralColor();\n  }\n\n  function matchLiteralColor() {\n    return match('literal', tokens.literalColor, 0);\n  }\n\n  function matchHexColor() {\n    return match('hex', tokens.hexColor, 1);\n  }\n\n  function matchRGBColor() {\n    return match('rgb', tokens.rgbColor, 1);\n  }\n\n  function matchRGBAColor() {\n    return match('rgba', tokens.rgbaColor, 1);\n  }\n\n  function matchNumber() {\n    return scan(tokens.number)[1];\n  }\n\n  function matchDistance() {\n    return match('%', tokens.percentageValue, 1) || matchPositionKeyword() || matchLength();\n  }\n\n  function matchPositionKeyword() {\n    return match('position-keyword', tokens.positionKeywords, 1);\n  }\n\n  function matchLength() {\n    return match('px', tokens.pixelValue, 1) || match('em', tokens.emValue, 1);\n  }\n\n  function match(type: string, pattern: RegExp, captureIndex: number) {\n    const captures = scan(pattern);\n    if (captures) {\n      return {\n        type: type,\n        value: captures[captureIndex]\n      };\n    }\n  }\n\n  function scan(regexp: RegExp) {\n    const blankCaptures = /^[\\n\\r\\t\\s]+/.exec(input);\n    if (blankCaptures) {\n      consume(blankCaptures[0].length);\n    }\n\n    const captures = regexp.exec(input);\n    if (captures) {\n      consume(captures[0].length);\n    }\n\n    return captures;\n  }\n\n  function consume(size: number) {\n    input = input.substr(size);\n  }\n\n  return function (code: string) {\n    input = code.toString();\n    return getAST();\n  };\n})();\n\nexport class GradientParser {\n  static IsGradient(c: IColor) {\n    return !(typeof c === 'string' && c.length < 10);\n  }\n\n  static IsGradientStr(c: IColor) {\n    return typeof c === 'string' && c.length > 10;\n  }\n\n  static Parse(c: IColor): IColor {\n    if (GradientParser.IsGradientStr(c)) {\n      try {\n        const data = parse(c as string);\n        const datum = data[0];\n        if (datum) {\n          if (datum.type === 'linear') {\n            return GradientParser.ParseLinear(datum);\n          } else if (datum.type === 'radial') {\n            return GradientParser.ParseRadial(datum);\n          } else if (datum.type === 'conic') {\n            return GradientParser.ParseConic(datum);\n          }\n        }\n      } catch (err) {\n        return c;\n      }\n    }\n    return c;\n  }\n  private static ParseConic(datum: any): IConicalGradient {\n    const { orientation, colorStops = [] } = datum;\n    const halfPi = pi / 2;\n    const sa = (parseFloat(orientation.value) / 180) * pi - halfPi;\n    return {\n      gradient: 'conical',\n      x: 0.5,\n      y: 0.5,\n      startAngle: sa,\n      endAngle: sa + pi2,\n      stops: colorStops.map((item: any) => {\n        return {\n          color: item.value,\n          offset: parseFloat(item.length.value) / 100\n        };\n      })\n    };\n  }\n  private static ParseRadial(datum: any): IRadialGradient {\n    const { colorStops = [] } = datum;\n    return {\n      gradient: 'radial',\n      x0: 0.5,\n      y0: 0.5,\n      x1: 0.5,\n      y1: 0.5,\n      r0: 0,\n      r1: 1,\n      stops: colorStops.map((item: any) => {\n        return {\n          color: item.value,\n          offset: parseFloat(item.length.value) / 100\n        };\n      })\n    };\n  }\n  private static ParseLinear(datum: any): ILinearGradient {\n    const { orientation, colorStops = [] } = datum;\n    const halfPi = pi / 2;\n    let angle = orientation.type === 'angular' ? (parseFloat(orientation.value) / 180) * pi : 0;\n    while (angle < 0) {\n      angle += pi2;\n    }\n    while (angle > pi2) {\n      angle -= pi2;\n    }\n    let x0 = 0;\n    let y0 = 0;\n    let x1 = 0;\n    let y1 = 0;\n    if (angle < halfPi) {\n      x0 = 0;\n      y0 = 1;\n      x1 = Math.sin(angle);\n      y1 = Math.cos(angle);\n    } else if (angle < pi) {\n      x0 = 0;\n      y0 = 0;\n      x1 = Math.cos(angle - halfPi);\n      y1 = Math.sin(angle - halfPi);\n    } else if (angle < pi + halfPi) {\n      x0 = 1;\n      y0 = 0;\n      x1 = x0 - Math.sin(angle - pi);\n      y1 = Math.cos(angle - pi);\n    } else {\n      x0 = 1;\n      y0 - 1;\n      x1 = x0 - Math.cos(angle - halfPi - pi);\n      y1 = y1 - Math.sin(angle - halfPi - pi);\n    }\n    return {\n      gradient: 'linear',\n      x0,\n      y0,\n      x1,\n      y1,\n      stops: colorStops.map((item: any) => {\n        return {\n          color: item.value,\n          offset: parseFloat(item.length.value) / 100\n        };\n      })\n    };\n  }\n}\n"]}

package/cjs/common/rect-utils.d.ts

@@ -0,0 +1,7 @@
+import type { IRectGraphicAttribute } from '../interface/graphic/rect';
+export declare const normalizeRectAttributes: (attribute: IRectGraphicAttribute) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/cjs/common/rect-utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.normalizeRectAttributes = void 0;
+
+const vutils_1 = require("@visactor/vutils"), normalizeRectAttributes = attribute => {
+    if (!attribute) return {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+    };
+    let width = (0, vutils_1.isNil)(attribute.width) ? attribute.x1 - attribute.x : attribute.width, height = (0, 
+    vutils_1.isNil)(attribute.height) ? attribute.y1 - attribute.y : attribute.height, x = 0, y = 0;
+    return width < 0 ? (x = width, width = -width) : Number.isNaN(width) && (width = 0), 
+    height < 0 ? (y = height, height = -height) : Number.isNaN(height) && (height = 0), 
+    {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+    };
+};
+
+exports.normalizeRectAttributes = normalizeRectAttributes;
+//# sourceMappingURL=rect-utils.js.map

package/cjs/common/rect-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/rect-utils.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAGlC,MAAM,uBAAuB,GAAG,CAAC,SAAgC,EAAE,EAAE;IAC1E,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KAC5C;IAED,IAAI,KAAK,GAAG,IAAA,cAAK,EAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;IAClF,IAAI,MAAM,GAAG,IAAA,cAAK,EAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC;IACrF,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,GAAG,CAAC,CAAC;IAEV,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,CAAC,GAAG,KAAK,CAAC;QACV,KAAK,GAAG,CAAC,KAAK,CAAC;KAChB;SAAM,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QAC9B,KAAK,GAAG,CAAC,CAAC;KACX;IAED,IAAI,MAAM,GAAG,CAAC,EAAE;QACd,CAAC,GAAG,MAAM,CAAC;QACX,MAAM,GAAG,CAAC,MAAM,CAAC;KAClB;SAAM,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QAC/B,MAAM,GAAG,CAAC,CAAC;KACZ;IAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACjC,CAAC,CAAC;AAzBW,QAAA,uBAAuB,2BAyBlC","file":"rect-utils.js","sourcesContent":["import { isNil } from '@visactor/vutils';\nimport type { IRectGraphicAttribute } from '../interface/graphic/rect';\n\nexport const normalizeRectAttributes = (attribute: IRectGraphicAttribute) => {\n  if (!attribute) {\n    return { x: 0, y: 0, width: 0, height: 0 };\n  }\n\n  let width = isNil(attribute.width) ? attribute.x1 - attribute.x : attribute.width;\n  let height = isNil(attribute.height) ? attribute.y1 - attribute.y : attribute.height;\n  let x = 0;\n  let y = 0;\n\n  if (width < 0) {\n    x = width;\n    width = -width;\n  } else if (Number.isNaN(width)) {\n    width = 0;\n  }\n\n  if (height < 0) {\n    y = height;\n    height = -height;\n  } else if (Number.isNaN(height)) {\n    height = 0;\n  }\n\n  return { x, y, width, height };\n};\n"]}

package/cjs/common/render-area.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.drawAreaSegments = void 0;
 
-const vutils_1 = require("@visactor/vutils"), enums_1 = require("./enums"), cubic_bezier_1 = require("./segment/curve/cubic-bezier"), line_1 = require("./segment/curve/line");
+const vutils_1 = require("@visactor/vutils"), enums_1 = require("./enums"), cubic_bezier_1 = require("./segment/curve/cubic-bezier"), line_1 = require("./segment/curve/line"), render_utils_1 = require("./render-utils");
 
 function drawAreaSegments(path, segPath, percent, params) {
     var _a;
@@ -111,27 +111,15 @@ function drawAreaBlock(path, topList, bottomList, params) {
     let needMoveTo = !0;
     topList.forEach((curve => {
         curve.defined ? (needMoveTo && path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), 
-        drawSegItem(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
+        (0, render_utils_1.drawSegItem)(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
     })), needMoveTo = !0;
     for (let i = bottomList.length - 1; i >= 0; i--) {
         const curve = bottomList[i];
         curve.defined ? (needMoveTo && path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), 
-        drawSegItem(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
+        (0, render_utils_1.drawSegItem)(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
     }
     path.closePath();
 }
 
-function drawSegItem(ctx, curve, endPercent, params) {
-    if (!curve.p1) return;
-    const {offsetX: offsetX = 0, offsetY: offsetY = 0, offsetZ: offsetZ = 0} = params || {};
-    if (1 === endPercent) curve.p2 && curve.p3 ? ctx.bezierCurveTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetX + curve.p2.x, offsetY + curve.p2.y, offsetX + curve.p3.x, offsetY + curve.p3.y, offsetZ) : ctx.lineTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetZ); else if (curve.p2 && curve.p3) {
-        const [curve1] = (0, cubic_bezier_1.divideCubic)(curve, endPercent);
-        ctx.bezierCurveTo(offsetX + curve1.p1.x, offsetY + curve1.p1.y, offsetX + curve1.p2.x, offsetY + curve1.p2.y, offsetX + curve1.p3.x, offsetY + curve1.p3.y, offsetZ);
-    } else {
-        const p = curve.getPointAt(endPercent);
-        ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
-    }
-}
-
 //# sourceMappingURL=render-area.js.map
 exports.drawAreaSegments = drawAreaSegments;

package/cjs/common/render-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/render-area.ts"],"names":[],"mappings":"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","file":"render-area.js","sourcesContent":["import type { IPoint, IPointLike } from '@visactor/vutils';\nimport { abs } from '@visactor/vutils';\nimport type { IAreaCacheItem, ICubicBezierCurve, ICurve, IDirection, ILineCurve, IPath2D } from '../interface';\nimport { Direction } from './enums';\nimport { divideCubic } from './segment/curve/cubic-bezier';\nimport { divideLinear } from './segment/curve/line';\n\n/**\n * 绘制连续的线段\n * 绘制长度为总长度percent的path，drawDirection为绘制的方向，也就是percent的方向\n * @param path\n * @param segPath\n * @param percent\n * @param drawDirection 绘制的方向，用于使用percent绘制\n * @param line 用于获取line相关属性\n */\nexport function drawAreaSegments(\n  path: IPath2D,\n  segPath: IAreaCacheItem,\n  percent: number,\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n    direction?: IDirection;\n    drawConnect?: boolean; // 是否是绘制connect区域的效果\n    mode?: 'none' | 'connect' | 'zero';\n    zeroX?: number;\n    zeroY?: number;\n  }\n) {\n  const { drawConnect = false, mode = 'none' } = params || {};\n  if (drawConnect && mode === 'none') {\n    return;\n  }\n  // let needMoveTo: boolean = true;\n  const { top, bottom } = segPath;\n  // 如果top和bottom的curves数量不同，那么就跳过\n  if (top.curves.length !== bottom.curves.length) {\n    return;\n  }\n  if (percent >= 1) {\n    const topList: ICurve<IPoint>[] = [];\n    const bottomList: ICurve<IPoint>[] = [];\n    let lastDefined: boolean = true;\n    if (drawConnect) {\n      let defined0 = true;\n      let lastCurve: ICurve<IPoint>;\n      let lastBottomCurve: ICurve<IPoint>;\n      const n = top.curves.length;\n      top.curves.forEach((curve, i) => {\n        // step的逻辑\n        const bototmCurve = bottom.curves[n - i - 1];\n        let currentTopCurve = curve;\n        let currentBottomCurve = bototmCurve;\n        if (curve.originP1 === curve.originP2) {\n          lastCurve = curve;\n          lastBottomCurve = bototmCurve;\n          return;\n        }\n        if (lastCurve && lastCurve.originP1 === lastCurve.originP2) {\n          currentTopCurve = lastCurve;\n          currentBottomCurve = lastBottomCurve;\n        }\n        if (curve.defined) {\n          // 非法变合法需要lineTo，合法变非法需要moveTo，初始非法需要moveTo\n          if (!defined0) {\n            topList.push(currentTopCurve);\n            bottomList.push(currentBottomCurve);\n            drawAreaConnectBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n            defined0 = !defined0;\n          }\n        } else {\n          // 找到合法的点\n          const { originP1, originP2 } = curve;\n          let validTopCurve: ICurve<IPoint>;\n          let validBottomCurve: ICurve<IPoint>;\n          if (originP1 && originP1.defined !== false) {\n            validTopCurve = currentTopCurve;\n            validBottomCurve = currentBottomCurve;\n          } else if (originP1 && originP2.defined !== false) {\n            validTopCurve = curve;\n            validBottomCurve = bototmCurve;\n          }\n          // 合法/（初始）变非法，moveTo\n          if (defined0) {\n            defined0 = !defined0;\n            topList.push(validTopCurve || curve);\n            bottomList.push(validBottomCurve || bototmCurve);\n          } else {\n            // 非法变非法/合法，看情况要不要lineTo\n            if (validTopCurve) {\n              // 非法变合法，需要lineTo\n              defined0 = !defined0;\n              topList.push(validTopCurve || curve);\n              bottomList.push(validBottomCurve || bototmCurve);\n              drawAreaConnectBlock(path, topList, bottomList, params);\n              topList.length = 0;\n              bottomList.length = 0;\n            }\n          }\n        }\n        lastCurve = curve;\n      });\n      drawAreaConnectBlock(path, topList, bottomList, params);\n    } else {\n      for (let i = 0, n = top.curves.length; i < n; i++) {\n        const topCurve = top.curves[i];\n        if (lastDefined !== topCurve.defined) {\n          if (lastDefined) {\n            drawAreaBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n          } else {\n            topList.push(topCurve);\n            bottomList.push(bottom.curves[n - i - 1]);\n          }\n          lastDefined = !lastDefined;\n        } else {\n          if (lastDefined) {\n            topList.push(topCurve);\n            bottomList.push(bottom.curves[n - i - 1]);\n          }\n        }\n      }\n      drawAreaBlock(path, topList, bottomList, params);\n    }\n\n    return;\n  }\n  if (percent <= 0) {\n    return;\n  }\n\n  let { direction } = params || {};\n  const { curves: topCurves } = top;\n  const endP = topCurves[topCurves.length - 1].p3 ?? topCurves[topCurves.length - 1].p1;\n  const xTotalLength = abs(endP.x - topCurves[0].p0.x);\n  const yTotalLength = abs(endP.y - topCurves[0].p0.y);\n  direction = direction ?? (xTotalLength > yTotalLength ? Direction.ROW : Direction.COLUMN);\n  if (!Number.isFinite(xTotalLength)) {\n    direction = Direction.COLUMN;\n  }\n  if (!Number.isFinite(yTotalLength)) {\n    direction = Direction.ROW;\n  }\n\n  // x和y必须始终保持同方向\n  // 整个线段的总长度（基于水平、垂直方向）\n  const totalLength: number = direction === Direction.ROW ? xTotalLength : yTotalLength;\n\n  // 总需要绘制的长度\n  const totalDrawLength = percent * totalLength;\n  // 直到上次绘制的长度\n  let drawedLengthUntilLast = 0;\n  let lastDefined: boolean = true;\n  const topList: ICurve<IPoint>[] = [];\n  const bottomList: ICurve<IPoint>[] = [];\n  let defined0 = true;\n  let lastTopCurve: ICurve<IPoint>;\n  let lastBottomCurve: ICurve<IPoint>;\n  for (let i = 0, n = top.curves.length; i < n; i++) {\n    const topCurve = top.curves[i];\n    const curCurveLength = topCurve.getLength(direction);\n    const percent = (totalDrawLength - drawedLengthUntilLast) / curCurveLength;\n    if (percent < 0) {\n      break;\n    }\n    drawedLengthUntilLast += curCurveLength;\n\n    if (drawConnect) {\n      // step的逻辑\n      const bototmCurve = bottom.curves[n - i - 1];\n      let currentTopCurve = topCurve;\n      let currentBottomCurve = bototmCurve;\n      if (topCurve.originP1 === topCurve.originP2) {\n        lastTopCurve = topCurve;\n        lastBottomCurve = bototmCurve;\n        continue;\n      }\n      if (lastTopCurve && lastTopCurve.originP1 === lastTopCurve.originP2) {\n        currentTopCurve = lastTopCurve;\n        currentBottomCurve = lastBottomCurve;\n      }\n      if (topCurve.defined) {\n        // 非法变合法需要lineTo，合法变非法需要moveTo，初始非法需要moveTo\n        if (!defined0) {\n          topList.push(currentTopCurve);\n          bottomList.push(currentBottomCurve);\n          drawAreaConnectBlock(path, topList, bottomList, params);\n          topList.length = 0;\n          bottomList.length = 0;\n          defined0 = !defined0;\n        }\n      } else {\n        // 找到合法的点\n        const { originP1, originP2 } = topCurve;\n        let validTopCurve: ICurve<IPoint>;\n        let validBottomCurve: ICurve<IPoint>;\n        if (originP1 && originP1.defined !== false) {\n          validTopCurve = currentTopCurve;\n          validBottomCurve = currentBottomCurve;\n        } else if (originP1 && originP2.defined !== false) {\n          validTopCurve = topCurve;\n          validBottomCurve = bototmCurve;\n        }\n        // 合法/（初始）变非法，moveTo\n        if (defined0) {\n          defined0 = !defined0;\n          topList.push(validTopCurve || topCurve);\n          bottomList.push(validBottomCurve || bototmCurve);\n        } else {\n          // 非法变非法/合法，看情况要不要lineTo\n          if (validTopCurve) {\n            // 非法变合法，需要lineTo\n            defined0 = !defined0;\n            topList.push(validTopCurve || topCurve);\n            bottomList.push(validBottomCurve || bototmCurve);\n            drawAreaConnectBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n          }\n        }\n      }\n      lastTopCurve = topCurve;\n      // drawAreaBlock(path, topList, bottomList, params);\n    } else {\n      let tc: ICurve<IPoint> | null = null;\n      let bc: ICurve<IPoint> | null = null;\n      if (lastDefined !== topCurve.defined) {\n        if (lastDefined) {\n          drawAreaBlock(path, topList, bottomList, params);\n          topList.length = 0;\n          bottomList.length = 0;\n        } else {\n          tc = topCurve;\n          bc = bottom.curves[n - i - 1];\n        }\n        lastDefined = !lastDefined;\n      } else {\n        if (lastDefined) {\n          tc = topCurve;\n          bc = bottom.curves[n - i - 1];\n        }\n      }\n\n      if (tc && bc) {\n        if (percent < 1) {\n          if (tc.p2 && tc.p3) {\n            tc = divideCubic(tc as ICubicBezierCurve, percent)[0];\n          } else {\n            tc = divideLinear(tc as ILineCurve, percent)[0];\n          }\n          if (bc.p2 && bc.p3) {\n            bc = divideCubic(bc as ICubicBezierCurve, 1 - percent)[1];\n          } else {\n            bc = divideLinear(bc as ILineCurve, 1 - percent)[1];\n          }\n        }\n        tc.defined = lastDefined;\n        bc.defined = lastDefined;\n        topList.push(tc);\n        bottomList.push(bc);\n      }\n\n      tc = null;\n      bc = null;\n    }\n  }\n\n  if (drawConnect) {\n    drawAreaConnectBlock(path, topList, bottomList, params);\n  } else {\n    drawAreaBlock(path, topList, bottomList, params);\n  }\n\n  // const totalLength = segPath.tryUpdateLength();\n\n  // // 直到上次绘制的长度\n  // let drawedLengthUntilLast = 0;\n  // for (let i = 0, n = curves.length; i < n; i++) {\n  //   const curve = curves[i];\n  //   const curCurveLength = curve.getLength();\n  //   const _p = (totalDrawLength - drawedLengthUntilLast) / curCurveLength;\n  //   drawedLengthUntilLast += curCurveLength;\n  //   if (_p < 0) {\n  //     break;\n  //   }\n\n  //   // 跳过这个点\n  //   if (!curve.defined()) {\n  //     needMoveTo = true;\n  //     continue;\n  //   }\n  //   if (needMoveTo) {\n  //     path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY);\n  //   }\n  //   drawSegItem(path, curve, min(_p, 1), params);\n  //   needMoveTo = false;\n  // }\n}\n\nfunction drawAreaConnectBlock(\n  path: IPath2D,\n  topList: ICurve<IPoint>[],\n  bottomList: ICurve<IPoint>[],\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n    mode?: 'none' | 'connect' | 'zero';\n    zeroX?: number;\n    zeroY?: number;\n  }\n) {\n  if (topList.length < 2) {\n    return;\n  }\n  const { offsetX = 0, offsetY = 0, offsetZ = 0, mode } = params || {};\n  let curve = topList[0];\n  // mode不支持zero\n  path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n  curve = topList[topList.length - 1];\n  let end = curve.p3 || curve.p1;\n  path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);\n\n  curve = bottomList[bottomList.length - 1];\n  path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n  curve = bottomList[0];\n  end = curve.p3 || curve.p1;\n  path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);\n\n  path.closePath();\n}\n\nfunction drawAreaBlock(\n  path: IPath2D,\n  topList: ICurve<IPoint>[],\n  bottomList: ICurve<IPoint>[],\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n  }\n) {\n  const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};\n  let needMoveTo = true;\n  topList.forEach(curve => {\n    // 跳过这个点\n    if (!curve.defined) {\n      needMoveTo = true;\n      return;\n    }\n    if (needMoveTo) {\n      path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n    }\n    drawSegItem(path, curve, 1, params);\n    needMoveTo = false;\n  });\n  needMoveTo = true;\n  for (let i = bottomList.length - 1; i >= 0; i--) {\n    const curve = bottomList[i];\n    // 跳过这个点\n    if (!curve.defined) {\n      needMoveTo = true;\n      continue;\n    }\n    if (needMoveTo) {\n      // bottom需要直接line绘制\n      path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n    }\n    drawSegItem(path, curve, 1, params);\n    needMoveTo = false;\n  }\n  path.closePath();\n}\n\n/**\n * 绘制某个segment\n * @param ctx\n * @param seg\n * @param t 绘制这个segment的比例，t > 0从start到end，t < 0从end到start\n */\nfunction drawSegItem(\n  ctx: IPath2D,\n  curve: ICurve<IPoint>,\n  endPercent: number,\n  params?: {\n    startLenPercent?: number;\n    endLenPercent?: number;\n    start?: number;\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n  }\n) {\n  if (!curve.p1) {\n    return;\n  }\n  const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};\n\n  // 完全绘制\n  if (endPercent === 1) {\n    if (curve.p2 && curve.p3) {\n      ctx.bezierCurveTo(\n        offsetX + curve.p1.x,\n        offsetY + curve.p1.y,\n        offsetX + curve.p2.x,\n        offsetY + curve.p2.y,\n        offsetX + curve.p3.x,\n        offsetY + curve.p3.y,\n        offsetZ\n      );\n    } else {\n      // linear的线段\n      ctx.lineTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetZ);\n    }\n  } else {\n    // 绘制一部分\n    if (curve.p2 && curve.p3) {\n      const [curve1] = divideCubic(curve as ICubicBezierCurve, endPercent);\n      ctx.bezierCurveTo(\n        offsetX + curve1.p1.x,\n        offsetY + curve1.p1.y,\n        offsetX + curve1.p2.x,\n        offsetY + curve1.p2.y,\n        offsetX + curve1.p3.x,\n        offsetY + curve1.p3.y,\n        offsetZ\n      );\n    } else {\n      // linear的线段\n      const p = curve.getPointAt(endPercent);\n      ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/common/render-area.ts"],"names":[],"mappings":";;;AACA,6CAAuC;AAEvC,mCAAoC;AACpC,+DAA2D;AAC3D,+CAAoD;AACpD,iDAA6C;AAW7C,SAAgB,gBAAgB,CAC9B,IAAa,EACb,OAAuB,EACvB,OAAe,EACf,MASC;;IAED,MAAM,EAAE,WAAW,GAAG,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAC5D,IAAI,WAAW,IAAI,IAAI,KAAK,MAAM,EAAE;QAClC,OAAO;KACR;IAED,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEhC,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;QAC9C,OAAO;KACR;IACD,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,MAAM,OAAO,GAAqB,EAAE,CAAC;QACrC,MAAM,UAAU,GAAqB,EAAE,CAAC;QACxC,IAAI,WAAW,GAAY,IAAI,CAAC;QAChC,IAAI,WAAW,EAAE;YACf,IAAI,QAAQ,GAAG,IAAI,CAAC;YACpB,IAAI,SAAyB,CAAC;YAC9B,IAAI,eAA+B,CAAC;YACpC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC;YAC5B,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBAE9B,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC7C,IAAI,eAAe,GAAG,KAAK,CAAC;gBAC5B,IAAI,kBAAkB,GAAG,WAAW,CAAC;gBACrC,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,EAAE;oBACrC,SAAS,GAAG,KAAK,CAAC;oBAClB,eAAe,GAAG,WAAW,CAAC;oBAC9B,OAAO;iBACR;gBACD,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE;oBAC1D,eAAe,GAAG,SAAS,CAAC;oBAC5B,kBAAkB,GAAG,eAAe,CAAC;iBACtC;gBACD,IAAI,KAAK,CAAC,OAAO,EAAE;oBAEjB,IAAI,CAAC,QAAQ,EAAE;wBACb,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;wBAC9B,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;wBACpC,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;wBACxD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;wBACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;wBACtB,QAAQ,GAAG,CAAC,QAAQ,CAAC;qBACtB;iBACF;qBAAM;oBAEL,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;oBACrC,IAAI,aAA6B,CAAC;oBAClC,IAAI,gBAAgC,CAAC;oBACrC,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,KAAK,EAAE;wBAC1C,aAAa,GAAG,eAAe,CAAC;wBAChC,gBAAgB,GAAG,kBAAkB,CAAC;qBACvC;yBAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,KAAK,EAAE;wBACjD,aAAa,GAAG,KAAK,CAAC;wBACtB,gBAAgB,GAAG,WAAW,CAAC;qBAChC;oBAED,IAAI,QAAQ,EAAE;wBACZ,QAAQ,GAAG,CAAC,QAAQ,CAAC;wBACrB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC;wBACrC,UAAU,CAAC,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,CAAC;qBAClD;yBAAM;wBAEL,IAAI,aAAa,EAAE;4BAEjB,QAAQ,GAAG,CAAC,QAAQ,CAAC;4BACrB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC;4BACrC,UAAU,CAAC,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,CAAC;4BACjD,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;4BACxD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;4BACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;yBACvB;qBACF;iBACF;gBACD,SAAS,GAAG,KAAK,CAAC;YACpB,CAAC,CAAC,CAAC;YACH,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;SACzD;aAAM;YACL,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAC/B,IAAI,WAAW,KAAK,QAAQ,CAAC,OAAO,EAAE;oBACpC,IAAI,WAAW,EAAE;wBACf,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;wBACjD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;wBACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;qBACvB;yBAAM;wBACL,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACvB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;qBAC3C;oBACD,WAAW,GAAG,CAAC,WAAW,CAAC;iBAC5B;qBAAM;oBACL,IAAI,WAAW,EAAE;wBACf,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACvB,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;qBAC3C;iBACF;aACF;YACD,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,OAAO;KACR;IACD,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO;KACR;IAED,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC;IAClC,MAAM,IAAI,GAAG,MAAA,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,mCAAI,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACtF,MAAM,YAAY,GAAG,IAAA,YAAG,EAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,IAAA,YAAG,EAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrD,SAAS,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,iBAAS,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAS,CAAC,MAAM,CAAC,CAAC;IAC1F,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;QAClC,SAAS,GAAG,iBAAS,CAAC,MAAM,CAAC;KAC9B;IACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;QAClC,SAAS,GAAG,iBAAS,CAAC,GAAG,CAAC;KAC3B;IAID,MAAM,WAAW,GAAW,SAAS,KAAK,iBAAS,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;IAGtF,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,CAAC;IAE9C,IAAI,qBAAqB,GAAG,CAAC,CAAC;IAC9B,IAAI,WAAW,GAAY,IAAI,CAAC;IAChC,MAAM,OAAO,GAAqB,EAAE,CAAC;IACrC,MAAM,UAAU,GAAqB,EAAE,CAAC;IACxC,IAAI,QAAQ,GAAG,IAAI,CAAC;IACpB,IAAI,YAA4B,CAAC;IACjC,IAAI,eAA+B,CAAC;IACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QACjD,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,cAAc,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,CAAC,eAAe,GAAG,qBAAqB,CAAC,GAAG,cAAc,CAAC;QAC3E,IAAI,OAAO,GAAG,CAAC,EAAE;YACf,MAAM;SACP;QACD,qBAAqB,IAAI,cAAc,CAAC;QAExC,IAAI,WAAW,EAAE;YAEf,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7C,IAAI,eAAe,GAAG,QAAQ,CAAC;YAC/B,IAAI,kBAAkB,GAAG,WAAW,CAAC;YACrC,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE;gBAC3C,YAAY,GAAG,QAAQ,CAAC;gBACxB,eAAe,GAAG,WAAW,CAAC;gBAC9B,SAAS;aACV;YACD,IAAI,YAAY,IAAI,YAAY,CAAC,QAAQ,KAAK,YAAY,CAAC,QAAQ,EAAE;gBACnE,eAAe,GAAG,YAAY,CAAC;gBAC/B,kBAAkB,GAAG,eAAe,CAAC;aACtC;YACD,IAAI,QAAQ,CAAC,OAAO,EAAE;gBAEpB,IAAI,CAAC,QAAQ,EAAE;oBACb,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;oBAC9B,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;oBACpC,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;oBACxD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;oBACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;oBACtB,QAAQ,GAAG,CAAC,QAAQ,CAAC;iBACtB;aACF;iBAAM;gBAEL,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;gBACxC,IAAI,aAA6B,CAAC;gBAClC,IAAI,gBAAgC,CAAC;gBACrC,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,KAAK,EAAE;oBAC1C,aAAa,GAAG,eAAe,CAAC;oBAChC,gBAAgB,GAAG,kBAAkB,CAAC;iBACvC;qBAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,KAAK,KAAK,EAAE;oBACjD,aAAa,GAAG,QAAQ,CAAC;oBACzB,gBAAgB,GAAG,WAAW,CAAC;iBAChC;gBAED,IAAI,QAAQ,EAAE;oBACZ,QAAQ,GAAG,CAAC,QAAQ,CAAC;oBACrB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC;oBACxC,UAAU,CAAC,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,CAAC;iBAClD;qBAAM;oBAEL,IAAI,aAAa,EAAE;wBAEjB,QAAQ,GAAG,CAAC,QAAQ,CAAC;wBACrB,OAAO,CAAC,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,CAAC;wBACxC,UAAU,CAAC,IAAI,CAAC,gBAAgB,IAAI,WAAW,CAAC,CAAC;wBACjD,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;wBACxD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;wBACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;qBACvB;iBACF;aACF;YACD,YAAY,GAAG,QAAQ,CAAC;SAEzB;aAAM;YACL,IAAI,EAAE,GAA0B,IAAI,CAAC;YACrC,IAAI,EAAE,GAA0B,IAAI,CAAC;YACrC,IAAI,WAAW,KAAK,QAAQ,CAAC,OAAO,EAAE;gBACpC,IAAI,WAAW,EAAE;oBACf,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;oBACjD,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;oBACnB,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;iBACvB;qBAAM;oBACL,EAAE,GAAG,QAAQ,CAAC;oBACd,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;iBAC/B;gBACD,WAAW,GAAG,CAAC,WAAW,CAAC;aAC5B;iBAAM;gBACL,IAAI,WAAW,EAAE;oBACf,EAAE,GAAG,QAAQ,CAAC;oBACd,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;iBAC/B;aACF;YAED,IAAI,EAAE,IAAI,EAAE,EAAE;gBACZ,IAAI,OAAO,GAAG,CAAC,EAAE;oBACf,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;wBAClB,EAAE,GAAG,IAAA,0BAAW,EAAC,EAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBACvD;yBAAM;wBACL,EAAE,GAAG,IAAA,mBAAY,EAAC,EAAgB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBACjD;oBACD,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;wBAClB,EAAE,GAAG,IAAA,0BAAW,EAAC,EAAuB,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC3D;yBAAM;wBACL,EAAE,GAAG,IAAA,mBAAY,EAAC,EAAgB,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;qBACrD;iBACF;gBACD,EAAE,CAAC,OAAO,GAAG,WAAW,CAAC;gBACzB,EAAE,CAAC,OAAO,GAAG,WAAW,CAAC;gBACzB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACjB,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;aACrB;YAED,EAAE,GAAG,IAAI,CAAC;YACV,EAAE,GAAG,IAAI,CAAC;SACX;KACF;IAED,IAAI,WAAW,EAAE;QACf,oBAAoB,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;KACzD;SAAM;QACL,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;KAClD;AA0BH,CAAC;AA9RD,4CA8RC;AAED,SAAS,oBAAoB,CAC3B,IAAa,EACb,OAAyB,EACzB,UAA4B,EAC5B,MAOC;IAED,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACtB,OAAO;KACR;IACD,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACrE,IAAI,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAEvB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;IACjE,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACpC,IAAI,GAAG,GAAG,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC;IAC/B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;IACjE,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,GAAG,GAAG,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC;IAC3B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvD,IAAI,CAAC,SAAS,EAAE,CAAC;AACnB,CAAC;AAED,SAAS,aAAa,CACpB,IAAa,EACb,OAAyB,EACzB,UAA4B,EAC5B,MAIC;IAED,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAC/D,IAAI,UAAU,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAEtB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,UAAU,GAAG,IAAI,CAAC;YAClB,OAAO;SACR;QACD,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;SAClE;QACD,IAAA,0BAAW,EAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QACpC,UAAU,GAAG,KAAK,CAAC;IACrB,CAAC,CAAC,CAAC;IACH,UAAU,GAAG,IAAI,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAClB,UAAU,GAAG,IAAI,CAAC;YAClB,SAAS;SACV;QACD,IAAI,UAAU,EAAE;YAEd,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC;SAClE;QACD,IAAA,0BAAW,EAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QACpC,UAAU,GAAG,KAAK,CAAC;KACpB;IACD,IAAI,CAAC,SAAS,EAAE,CAAC;AACnB,CAAC","file":"render-area.js","sourcesContent":["import type { IPoint } from '@visactor/vutils';\nimport { abs } from '@visactor/vutils';\nimport type { IAreaCacheItem, ICubicBezierCurve, ICurve, IDirection, ILineCurve, IPath2D } from '../interface';\nimport { Direction } from './enums';\nimport { divideCubic } from './segment/curve/cubic-bezier';\nimport { divideLinear } from './segment/curve/line';\nimport { drawSegItem } from './render-utils';\n\n/**\n * 绘制连续的线段\n * 绘制长度为总长度percent的path，drawDirection为绘制的方向，也就是percent的方向\n * @param path\n * @param segPath\n * @param percent\n * @param drawDirection 绘制的方向，用于使用percent绘制\n * @param line 用于获取line相关属性\n */\nexport function drawAreaSegments(\n  path: IPath2D,\n  segPath: IAreaCacheItem,\n  percent: number,\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n    direction?: IDirection;\n    drawConnect?: boolean; // 是否是绘制connect区域的效果\n    mode?: 'none' | 'connect' | 'zero';\n    zeroX?: number;\n    zeroY?: number;\n  }\n) {\n  const { drawConnect = false, mode = 'none' } = params || {};\n  if (drawConnect && mode === 'none') {\n    return;\n  }\n  // let needMoveTo: boolean = true;\n  const { top, bottom } = segPath;\n  // 如果top和bottom的curves数量不同，那么就跳过\n  if (top.curves.length !== bottom.curves.length) {\n    return;\n  }\n  if (percent >= 1) {\n    const topList: ICurve<IPoint>[] = [];\n    const bottomList: ICurve<IPoint>[] = [];\n    let lastDefined: boolean = true;\n    if (drawConnect) {\n      let defined0 = true;\n      let lastCurve: ICurve<IPoint>;\n      let lastBottomCurve: ICurve<IPoint>;\n      const n = top.curves.length;\n      top.curves.forEach((curve, i) => {\n        // step的逻辑\n        const bototmCurve = bottom.curves[n - i - 1];\n        let currentTopCurve = curve;\n        let currentBottomCurve = bototmCurve;\n        if (curve.originP1 === curve.originP2) {\n          lastCurve = curve;\n          lastBottomCurve = bototmCurve;\n          return;\n        }\n        if (lastCurve && lastCurve.originP1 === lastCurve.originP2) {\n          currentTopCurve = lastCurve;\n          currentBottomCurve = lastBottomCurve;\n        }\n        if (curve.defined) {\n          // 非法变合法需要lineTo，合法变非法需要moveTo，初始非法需要moveTo\n          if (!defined0) {\n            topList.push(currentTopCurve);\n            bottomList.push(currentBottomCurve);\n            drawAreaConnectBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n            defined0 = !defined0;\n          }\n        } else {\n          // 找到合法的点\n          const { originP1, originP2 } = curve;\n          let validTopCurve: ICurve<IPoint>;\n          let validBottomCurve: ICurve<IPoint>;\n          if (originP1 && originP1.defined !== false) {\n            validTopCurve = currentTopCurve;\n            validBottomCurve = currentBottomCurve;\n          } else if (originP1 && originP2.defined !== false) {\n            validTopCurve = curve;\n            validBottomCurve = bototmCurve;\n          }\n          // 合法/（初始）变非法，moveTo\n          if (defined0) {\n            defined0 = !defined0;\n            topList.push(validTopCurve || curve);\n            bottomList.push(validBottomCurve || bototmCurve);\n          } else {\n            // 非法变非法/合法，看情况要不要lineTo\n            if (validTopCurve) {\n              // 非法变合法，需要lineTo\n              defined0 = !defined0;\n              topList.push(validTopCurve || curve);\n              bottomList.push(validBottomCurve || bototmCurve);\n              drawAreaConnectBlock(path, topList, bottomList, params);\n              topList.length = 0;\n              bottomList.length = 0;\n            }\n          }\n        }\n        lastCurve = curve;\n      });\n      drawAreaConnectBlock(path, topList, bottomList, params);\n    } else {\n      for (let i = 0, n = top.curves.length; i < n; i++) {\n        const topCurve = top.curves[i];\n        if (lastDefined !== topCurve.defined) {\n          if (lastDefined) {\n            drawAreaBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n          } else {\n            topList.push(topCurve);\n            bottomList.push(bottom.curves[n - i - 1]);\n          }\n          lastDefined = !lastDefined;\n        } else {\n          if (lastDefined) {\n            topList.push(topCurve);\n            bottomList.push(bottom.curves[n - i - 1]);\n          }\n        }\n      }\n      drawAreaBlock(path, topList, bottomList, params);\n    }\n\n    return;\n  }\n  if (percent <= 0) {\n    return;\n  }\n\n  let { direction } = params || {};\n  const { curves: topCurves } = top;\n  const endP = topCurves[topCurves.length - 1].p3 ?? topCurves[topCurves.length - 1].p1;\n  const xTotalLength = abs(endP.x - topCurves[0].p0.x);\n  const yTotalLength = abs(endP.y - topCurves[0].p0.y);\n  direction = direction ?? (xTotalLength > yTotalLength ? Direction.ROW : Direction.COLUMN);\n  if (!Number.isFinite(xTotalLength)) {\n    direction = Direction.COLUMN;\n  }\n  if (!Number.isFinite(yTotalLength)) {\n    direction = Direction.ROW;\n  }\n\n  // x和y必须始终保持同方向\n  // 整个线段的总长度（基于水平、垂直方向）\n  const totalLength: number = direction === Direction.ROW ? xTotalLength : yTotalLength;\n\n  // 总需要绘制的长度\n  const totalDrawLength = percent * totalLength;\n  // 直到上次绘制的长度\n  let drawedLengthUntilLast = 0;\n  let lastDefined: boolean = true;\n  const topList: ICurve<IPoint>[] = [];\n  const bottomList: ICurve<IPoint>[] = [];\n  let defined0 = true;\n  let lastTopCurve: ICurve<IPoint>;\n  let lastBottomCurve: ICurve<IPoint>;\n  for (let i = 0, n = top.curves.length; i < n; i++) {\n    const topCurve = top.curves[i];\n    const curCurveLength = topCurve.getLength(direction);\n    const percent = (totalDrawLength - drawedLengthUntilLast) / curCurveLength;\n    if (percent < 0) {\n      break;\n    }\n    drawedLengthUntilLast += curCurveLength;\n\n    if (drawConnect) {\n      // step的逻辑\n      const bototmCurve = bottom.curves[n - i - 1];\n      let currentTopCurve = topCurve;\n      let currentBottomCurve = bototmCurve;\n      if (topCurve.originP1 === topCurve.originP2) {\n        lastTopCurve = topCurve;\n        lastBottomCurve = bototmCurve;\n        continue;\n      }\n      if (lastTopCurve && lastTopCurve.originP1 === lastTopCurve.originP2) {\n        currentTopCurve = lastTopCurve;\n        currentBottomCurve = lastBottomCurve;\n      }\n      if (topCurve.defined) {\n        // 非法变合法需要lineTo，合法变非法需要moveTo，初始非法需要moveTo\n        if (!defined0) {\n          topList.push(currentTopCurve);\n          bottomList.push(currentBottomCurve);\n          drawAreaConnectBlock(path, topList, bottomList, params);\n          topList.length = 0;\n          bottomList.length = 0;\n          defined0 = !defined0;\n        }\n      } else {\n        // 找到合法的点\n        const { originP1, originP2 } = topCurve;\n        let validTopCurve: ICurve<IPoint>;\n        let validBottomCurve: ICurve<IPoint>;\n        if (originP1 && originP1.defined !== false) {\n          validTopCurve = currentTopCurve;\n          validBottomCurve = currentBottomCurve;\n        } else if (originP1 && originP2.defined !== false) {\n          validTopCurve = topCurve;\n          validBottomCurve = bototmCurve;\n        }\n        // 合法/（初始）变非法，moveTo\n        if (defined0) {\n          defined0 = !defined0;\n          topList.push(validTopCurve || topCurve);\n          bottomList.push(validBottomCurve || bototmCurve);\n        } else {\n          // 非法变非法/合法，看情况要不要lineTo\n          if (validTopCurve) {\n            // 非法变合法，需要lineTo\n            defined0 = !defined0;\n            topList.push(validTopCurve || topCurve);\n            bottomList.push(validBottomCurve || bototmCurve);\n            drawAreaConnectBlock(path, topList, bottomList, params);\n            topList.length = 0;\n            bottomList.length = 0;\n          }\n        }\n      }\n      lastTopCurve = topCurve;\n      // drawAreaBlock(path, topList, bottomList, params);\n    } else {\n      let tc: ICurve<IPoint> | null = null;\n      let bc: ICurve<IPoint> | null = null;\n      if (lastDefined !== topCurve.defined) {\n        if (lastDefined) {\n          drawAreaBlock(path, topList, bottomList, params);\n          topList.length = 0;\n          bottomList.length = 0;\n        } else {\n          tc = topCurve;\n          bc = bottom.curves[n - i - 1];\n        }\n        lastDefined = !lastDefined;\n      } else {\n        if (lastDefined) {\n          tc = topCurve;\n          bc = bottom.curves[n - i - 1];\n        }\n      }\n\n      if (tc && bc) {\n        if (percent < 1) {\n          if (tc.p2 && tc.p3) {\n            tc = divideCubic(tc as ICubicBezierCurve, percent)[0];\n          } else {\n            tc = divideLinear(tc as ILineCurve, percent)[0];\n          }\n          if (bc.p2 && bc.p3) {\n            bc = divideCubic(bc as ICubicBezierCurve, 1 - percent)[1];\n          } else {\n            bc = divideLinear(bc as ILineCurve, 1 - percent)[1];\n          }\n        }\n        tc.defined = lastDefined;\n        bc.defined = lastDefined;\n        topList.push(tc);\n        bottomList.push(bc);\n      }\n\n      tc = null;\n      bc = null;\n    }\n  }\n\n  if (drawConnect) {\n    drawAreaConnectBlock(path, topList, bottomList, params);\n  } else {\n    drawAreaBlock(path, topList, bottomList, params);\n  }\n\n  // const totalLength = segPath.tryUpdateLength();\n\n  // // 直到上次绘制的长度\n  // let drawedLengthUntilLast = 0;\n  // for (let i = 0, n = curves.length; i < n; i++) {\n  //   const curve = curves[i];\n  //   const curCurveLength = curve.getLength();\n  //   const _p = (totalDrawLength - drawedLengthUntilLast) / curCurveLength;\n  //   drawedLengthUntilLast += curCurveLength;\n  //   if (_p < 0) {\n  //     break;\n  //   }\n\n  //   // 跳过这个点\n  //   if (!curve.defined()) {\n  //     needMoveTo = true;\n  //     continue;\n  //   }\n  //   if (needMoveTo) {\n  //     path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY);\n  //   }\n  //   drawSegItem(path, curve, min(_p, 1), params);\n  //   needMoveTo = false;\n  // }\n}\n\nfunction drawAreaConnectBlock(\n  path: IPath2D,\n  topList: ICurve<IPoint>[],\n  bottomList: ICurve<IPoint>[],\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n    mode?: 'none' | 'connect' | 'zero';\n    zeroX?: number;\n    zeroY?: number;\n  }\n) {\n  if (topList.length < 2) {\n    return;\n  }\n  const { offsetX = 0, offsetY = 0, offsetZ = 0, mode } = params || {};\n  let curve = topList[0];\n  // mode不支持zero\n  path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n  curve = topList[topList.length - 1];\n  let end = curve.p3 || curve.p1;\n  path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);\n\n  curve = bottomList[bottomList.length - 1];\n  path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n  curve = bottomList[0];\n  end = curve.p3 || curve.p1;\n  path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);\n\n  path.closePath();\n}\n\nfunction drawAreaBlock(\n  path: IPath2D,\n  topList: ICurve<IPoint>[],\n  bottomList: ICurve<IPoint>[],\n  params?: {\n    offsetX?: number;\n    offsetY?: number;\n    offsetZ?: number;\n  }\n) {\n  const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};\n  let needMoveTo = true;\n  topList.forEach(curve => {\n    // 跳过这个点\n    if (!curve.defined) {\n      needMoveTo = true;\n      return;\n    }\n    if (needMoveTo) {\n      path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n    }\n    drawSegItem(path, curve, 1, params);\n    needMoveTo = false;\n  });\n  needMoveTo = true;\n  for (let i = bottomList.length - 1; i >= 0; i--) {\n    const curve = bottomList[i];\n    // 跳过这个点\n    if (!curve.defined) {\n      needMoveTo = true;\n      continue;\n    }\n    if (needMoveTo) {\n      // bottom需要直接line绘制\n      path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);\n    }\n    drawSegItem(path, curve, 1, params);\n    needMoveTo = false;\n  }\n  path.closePath();\n}\n"]}

package/cjs/common/render-curve.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.drawIncrementalAreaSegments = exports.drawIncrementalSegments = exports.drawSegments = void 0;
 
-const vutils_1 = require("@visactor/vutils"), enums_1 = require("./enums"), cubic_bezier_1 = require("./segment/curve/cubic-bezier");
+const vutils_1 = require("@visactor/vutils"), enums_1 = require("./enums"), render_utils_1 = require("./render-utils");
 
 function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
     var _a;
@@ -37,7 +37,7 @@ function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
             }));
         } else curves.forEach((curve => {
             curve.defined ? (needMoveTo && path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), 
-            drawSegItem(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
+            (0, render_utils_1.drawSegItem)(path, curve, 1, params), needMoveTo = !1) : needMoveTo = !0;
         }));
         return;
     }
@@ -74,7 +74,8 @@ function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
                 continue;
             }
             needMoveTo && path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ), 
-            drawSegItem(path, curve, (0, vutils_1.min)(_p, 1), params), needMoveTo = !1;
+            (0, render_utils_1.drawSegItem)(path, curve, (0, vutils_1.min)(_p, 1), params), 
+            needMoveTo = !1;
         }
     }
 }
@@ -106,18 +107,5 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
     }));
 }
 
-function drawSegItem(ctx, curve, endPercent, params) {
-    if (!curve.p1) return;
-    const {offsetX: offsetX = 0, offsetY: offsetY = 0, offsetZ: offsetZ = 0} = params || {};
-    if (1 === endPercent) curve.p2 && curve.p3 ? ctx.bezierCurveTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetX + curve.p2.x, offsetY + curve.p2.y, offsetX + curve.p3.x, offsetY + curve.p3.y, offsetZ) : ctx.lineTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetZ); else if (curve.p2 && curve.p3) {
-        const [curve1] = (0, cubic_bezier_1.divideCubic)(curve, endPercent);
-        ctx.bezierCurveTo(offsetX + curve1.p1.x, offsetY + curve1.p1.y, offsetX + curve1.p2.x, offsetY + curve1.p2.y, offsetX + curve1.p3.x, offsetY + curve1.p3.y, offsetZ);
-    } else {
-        const p = curve.getPointAt(endPercent);
-        ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
-    }
-}
-
-//# sourceMappingURL=render-curve.js.map
 exports.drawSegments = drawSegments, exports.drawIncrementalSegments = drawIncrementalSegments, 
 exports.drawIncrementalAreaSegments = drawIncrementalAreaSegments;