@visactor/vrender 0.9.0-alpha.0

package/cjs/color-string/interpolate.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.colorStringInterpolationToStr = exports.interpolatePureColorArray = exports.interpolateGradientConicalColor = exports.interpolateGradientRadialColor = exports.interpolateGradientLinearColor = exports.interpolateColor = void 0;
+
+const index_1 = require("./index");
+
+function interpolateColor(from, to, ratio, alphaChannel, cb) {
+    let fromArray, toArray, fromGradient = !1, toGradient = !1;
+    if (Array.isArray(from) ? fromArray = from : "string" == typeof from ? fromArray = index_1.ColorStore.Get(from, index_1.ColorType.Color255) : fromGradient = !0, 
+    Array.isArray(to) ? toArray = to : "string" == typeof to ? toArray = index_1.ColorStore.Get(to, index_1.ColorType.Color255) : toGradient = !0, 
+    fromGradient !== toGradient) return !1;
+    if (fromGradient) {
+        if (from.gradient === to.gradient) {
+            const fc = from, tc = to, fromStops = fc.stops, toStops = tc.stops;
+            if (fromStops.length !== toStops.length) return !1;
+            if ("linear" === fc.gradient) return interpolateGradientLinearColor(fc, tc, ratio);
+            if ("radial" === fc.gradient) return interpolateGradientRadialColor(fc, tc, ratio);
+            if ("conical" === fc.gradient) return interpolateGradientConicalColor(fc, tc, ratio);
+        }
+        return !1;
+    }
+    cb && cb(fromArray, toArray);
+    const result = interpolatePureColorArray(fromArray, toArray, ratio);
+    return alphaChannel ? `rgb(${Math.round(result[0])},${Math.round(result[1])},${Math.round(result[2])},${result[3].toFixed(2)})` : `rgb(${Math.round(result[0])},${Math.round(result[1])},${Math.round(result[2])})`;
+}
+
+function interpolateGradientLinearColor(fc, tc, ratio) {
+    const fStops = fc.stops, tStops = tc.stops;
+    return {
+        gradient: "linear",
+        x0: fc.x0 + (tc.x0 - fc.x0) * ratio,
+        x1: fc.x1 + (tc.x1 - fc.x1) * ratio,
+        y0: fc.y0 + (tc.y0 - fc.y0) * ratio,
+        y1: fc.y1 + (tc.y1 - fc.y1) * ratio,
+        stops: new Array(fStops.length).fill(0).map(((_, i) => ({
+            color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
+            offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
+        })))
+    };
+}
+
+function interpolateGradientRadialColor(fc, tc, ratio) {
+    const fStops = fc.stops, tStops = tc.stops;
+    return {
+        gradient: "radial",
+        x0: fc.x0 + (tc.x0 - fc.x0) * ratio,
+        x1: fc.x1 + (tc.x1 - fc.x1) * ratio,
+        y0: fc.y0 + (tc.y0 - fc.y0) * ratio,
+        y1: fc.y1 + (tc.y1 - fc.y1) * ratio,
+        r0: fc.r0 + (tc.r0 - fc.r0) * ratio,
+        r1: fc.r1 + (tc.r1 - fc.r1) * ratio,
+        stops: new Array(fStops.length).fill(0).map(((_, i) => ({
+            color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
+            offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
+        })))
+    };
+}
+
+function interpolateGradientConicalColor(fc, tc, ratio) {
+    const fStops = fc.stops, tStops = tc.stops;
+    return {
+        gradient: "conical",
+        startAngle: fc.startAngle + (tc.startAngle - fc.startAngle) * ratio,
+        endAngle: fc.endAngle + (tc.endAngle - fc.endAngle) * ratio,
+        x: fc.x + (tc.x - fc.x) * ratio,
+        y: fc.y + (tc.y - fc.y) * ratio,
+        stops: new Array(fStops.length).fill(0).map(((_, i) => ({
+            color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),
+            offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio
+        })))
+    };
+}
+
+function interpolatePureColorArray(from, to, ratio) {
+    return [ from[0] + (to[0] - from[0]) * ratio, from[1] + (to[1] - from[1]) * ratio, from[2] + (to[2] - from[2]) * ratio, from[3] + (to[3] - from[3]) * ratio ];
+}
+
+exports.interpolateColor = interpolateColor, exports.interpolateGradientLinearColor = interpolateGradientLinearColor, 
+exports.interpolateGradientRadialColor = interpolateGradientRadialColor, exports.interpolateGradientConicalColor = interpolateGradientConicalColor, 
+exports.interpolatePureColorArray = interpolatePureColorArray;
+
+const _fromColorRGB = [ 0, 0, 0, 0 ], _toColorRGB = [ 0, 0, 0, 0 ];
+
+function colorStringInterpolationToStr(fromColor, toColor, ratio) {
+    return index_1.ColorStore.Get(fromColor, index_1.ColorType.Color255, _fromColorRGB), 
+    index_1.ColorStore.Get(toColor, index_1.ColorType.Color255, _toColorRGB), `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(_fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio)},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${_fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio})`;
+}
+
+exports.colorStringInterpolationToStr = colorStringInterpolationToStr;
+//# sourceMappingURL=interpolate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-string/interpolate.ts"],"names":[],"mappings":";;;AAAA,mCAAgD;AAGhD,SAAgB,gBAAgB,CAC9B,IAAgE,EAChE,EAA8D,EAC9D,KAAa,EACb,YAAqB,EACrB,EAAqG;IAErG,IAAI,SAA2C,CAAC;IAChD,IAAI,OAAyC,CAAC;IAC9C,IAAI,YAAY,GAAY,KAAK,CAAC;IAClC,IAAI,UAAU,GAAY,KAAK,CAAC;IAChC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACvB,SAAS,GAAG,IAAwC,CAAC;KACtD;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QACnC,SAAS,GAAG,kBAAU,CAAC,GAAG,CAAC,IAAI,EAAE,iBAAS,CAAC,QAAQ,CAAC,CAAC;KACtD;SAAM;QACL,YAAY,GAAG,IAAI,CAAC;KACrB;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QACrB,OAAO,GAAG,EAAsC,CAAC;KAClD;SAAM,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;QACjC,OAAO,GAAG,kBAAU,CAAC,GAAG,CAAC,EAAE,EAAE,iBAAS,CAAC,QAAQ,CAAC,CAAC;KAClD;SAAM;QACL,UAAU,GAAG,IAAI,CAAC;KACnB;IACD,IAAI,YAAY,KAAK,UAAU,EAAE;QAC/B,OAAO,KAAK,CAAC;KACd;IAED,IAAI,YAAY,EAAE;QAChB,IAAK,IAAuB,CAAC,QAAQ,KAAM,EAAqB,CAAC,QAAQ,EAAE;YACzE,MAAM,EAAE,GAAmB,IAAsB,CAAC;YAClD,MAAM,EAAE,GAAmB,EAAoB,CAAC;YAEhD,MAAM,SAAS,GAAG,EAAE,CAAC,KAAK,CAAC;YAC3B,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC;YACzB,IAAI,SAAS,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE;gBACvC,OAAO,KAAK,CAAC;aACd;YACD,IAAI,EAAE,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC5B,OAAO,8BAA8B,CAAC,EAAE,EAAE,EAAqB,EAAE,KAAK,CAAC,CAAC;aACzE;iBAAM,IAAI,EAAE,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBACnC,OAAO,8BAA8B,CAAC,EAAE,EAAE,EAAqB,EAAE,KAAK,CAAC,CAAC;aACzE;iBAAM,IAAI,EAAE,CAAC,QAAQ,KAAK,SAAS,EAAE;gBACpC,OAAO,+BAA+B,CAAC,EAAE,EAAE,EAAsB,EAAE,KAAK,CAAC,CAAC;aAC3E;SACF;QACD,OAAO,KAAK,CAAC;KACd;IACD,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,yBAAyB,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACpE,OAAO,YAAY;QACjB,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAC3G,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACxF,CAAC;AAtDD,4CAsDC;AAED,SAAgB,8BAA8B,CAC5C,EAAmB,EACnB,EAAmB,EACnB,KAAa;IAEb,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,KAAK,GAAoB;QAC7B,QAAQ,EAAE,QAAQ;QAClB,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACnD,OAAO;gBACL,KAAK,EAAE,6BAA6B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC7E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK;aACzE,CAAC;QACJ,CAAC,CAAC;KACH,CAAC;IACF,OAAO,KAAK,CAAC;AACf,CAAC;AArBD,wEAqBC;AAED,SAAgB,8BAA8B,CAC5C,EAAmB,EACnB,EAAmB,EACnB,KAAa;IAEb,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,KAAK,GAAoB;QAC7B,QAAQ,EAAE,QAAQ;QAClB,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK;QACnC,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACnD,OAAO;gBACL,KAAK,EAAE,6BAA6B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC7E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK;aACzE,CAAC;QACJ,CAAC,CAAC;KACH,CAAC;IACF,OAAO,KAAK,CAAC;AACf,CAAC;AAvBD,wEAuBC;AAED,SAAgB,+BAA+B,CAC7C,EAAoB,EACpB,EAAoB,EACpB,KAAa;IAEb,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC;IACxB,MAAM,KAAK,GAAqB;QAC9B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,EAAE,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,KAAK;QACnE,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,KAAK;QAC3D,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK;QAC/B,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK;QAC/B,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACnD,OAAO;gBACL,KAAK,EAAE,6BAA6B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC7E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK;aACzE,CAAC;QACJ,CAAC,CAAC;KACH,CAAC;IACF,OAAO,KAAK,CAAC;AACf,CAAC;AArBD,0EAqBC;AAED,SAAgB,yBAAyB,CACvC,IAAsC,EACtC,EAAoC,EACpC,KAAa;IAEb,OAAO;QACL,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK;QACnC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK;QACnC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK;QACnC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK;KACpC,CAAC;AACJ,CAAC;AAXD,8DAWC;AAED,MAAM,aAAa,GAAqC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACrE,MAAM,WAAW,GAAqC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnE,SAAgB,6BAA6B,CAAC,SAAiB,EAAE,OAAe,EAAE,KAAa;IAC7F,kBAAU,CAAC,GAAG,CAAC,SAAS,EAAE,iBAAS,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC7D,kBAAU,CAAC,GAAG,CAAC,OAAO,EAAE,iBAAS,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACzD,OAAO,QAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CACrG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAC7E,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,KAC3D,GAAG,CAAC;AACN,CAAC;AARD,sEAQC","file":"interpolate.js","sourcesContent":["import { ColorStore, ColorType } from './index';\nimport { IGradientColor, ILinearGradient, IRadialGradient, IConicalGradient } from '../interface';\n\nexport function interpolateColor(\n  from: [number, number, number, number] | string | IGradientColor,\n  to: [number, number, number, number] | string | IGradientColor,\n  ratio: number,\n  alphaChannel: boolean,\n  cb?: (fromArray: [number, number, number, number], toArray: [number, number, number, number]) => void\n): false | string | IGradientColor {\n  let fromArray: [number, number, number, number];\n  let toArray: [number, number, number, number];\n  let fromGradient: boolean = false;\n  let toGradient: boolean = false;\n  if (Array.isArray(from)) {\n    fromArray = from as [number, number, number, number];\n  } else if (typeof from === 'string') {\n    fromArray = ColorStore.Get(from, ColorType.Color255);\n  } else {\n    fromGradient = true;\n  }\n  if (Array.isArray(to)) {\n    toArray = to as [number, number, number, number];\n  } else if (typeof to === 'string') {\n    toArray = ColorStore.Get(to, ColorType.Color255);\n  } else {\n    toGradient = true;\n  }\n  if (fromGradient !== toGradient) {\n    return false;\n  }\n\n  if (fromGradient) {\n    if ((from as IGradientColor).gradient === (to as IGradientColor).gradient) {\n      const fc: IGradientColor = from as IGradientColor;\n      const tc: IGradientColor = to as IGradientColor;\n      // 渐变色插值，只支持相同数量stopColor的插值，并且认为当前的stopColor数量是和from、to相同\n      const fromStops = fc.stops;\n      const toStops = tc.stops;\n      if (fromStops.length !== toStops.length) {\n        return false;\n      }\n      if (fc.gradient === 'linear') {\n        return interpolateGradientLinearColor(fc, tc as ILinearGradient, ratio);\n      } else if (fc.gradient === 'radial') {\n        return interpolateGradientRadialColor(fc, tc as IRadialGradient, ratio);\n      } else if (fc.gradient === 'conical') {\n        return interpolateGradientConicalColor(fc, tc as IConicalGradient, ratio);\n      }\n    }\n    return false;\n  }\n  cb && cb(fromArray, toArray);\n  const result = interpolatePureColorArray(fromArray, toArray, ratio);\n  return alphaChannel\n    ? `rgb(${Math.round(result[0])},${Math.round(result[1])},${Math.round(result[2])},${result[3].toFixed(2)})`\n    : `rgb(${Math.round(result[0])},${Math.round(result[1])},${Math.round(result[2])})`;\n}\n\nexport function interpolateGradientLinearColor(\n  fc: ILinearGradient,\n  tc: ILinearGradient,\n  ratio: number\n): false | ILinearGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: ILinearGradient = {\n    gradient: 'linear',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientRadialColor(\n  fc: IRadialGradient,\n  tc: IRadialGradient,\n  ratio: number\n): false | IRadialGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IRadialGradient = {\n    gradient: 'radial',\n    x0: fc.x0 + (tc.x0 - fc.x0) * ratio,\n    x1: fc.x1 + (tc.x1 - fc.x1) * ratio,\n    y0: fc.y0 + (tc.y0 - fc.y0) * ratio,\n    y1: fc.y1 + (tc.y1 - fc.y1) * ratio,\n    r0: fc.r0 + (tc.r0 - fc.r0) * ratio,\n    r1: fc.r1 + (tc.r1 - fc.r1) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolateGradientConicalColor(\n  fc: IConicalGradient,\n  tc: IConicalGradient,\n  ratio: number\n): false | IConicalGradient {\n  const fStops = fc.stops;\n  const tStops = tc.stops;\n  const color: IConicalGradient = {\n    gradient: 'conical',\n    startAngle: fc.startAngle + (tc.startAngle - fc.startAngle) * ratio,\n    endAngle: fc.endAngle + (tc.endAngle - fc.endAngle) * ratio,\n    x: fc.x + (tc.x - fc.x) * ratio,\n    y: fc.y + (tc.y - fc.y) * ratio,\n    stops: new Array(fStops.length).fill(0).map((_, i) => {\n      return {\n        color: colorStringInterpolationToStr(fStops[i].color, tStops[i].color, ratio),\n        offset: fStops[i].offset + (tStops[i].offset - fStops[i].offset) * ratio\n      };\n    })\n  };\n  return color;\n}\n\nexport function interpolatePureColorArray(\n  from: [number, number, number, number],\n  to: [number, number, number, number],\n  ratio: number\n): [number, number, number, number] {\n  return [\n    from[0] + (to[0] - from[0]) * ratio,\n    from[1] + (to[1] - from[1]) * ratio,\n    from[2] + (to[2] - from[2]) * ratio,\n    from[3] + (to[3] - from[3]) * ratio\n  ];\n}\n\nconst _fromColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nconst _toColorRGB: [number, number, number, number] = [0, 0, 0, 0];\nexport function colorStringInterpolationToStr(fromColor: string, toColor: string, ratio: number): string {\n  ColorStore.Get(fromColor, ColorType.Color255, _fromColorRGB);\n  ColorStore.Get(toColor, ColorType.Color255, _toColorRGB);\n  return `rgba(${Math.round(_fromColorRGB[0] + (_toColorRGB[0] - _fromColorRGB[0]) * ratio)},${Math.round(\n    _fromColorRGB[1] + (_toColorRGB[1] - _fromColorRGB[1]) * ratio\n  )},${Math.round(_fromColorRGB[2] + (_toColorRGB[2] - _fromColorRGB[2]) * ratio)},${\n    _fromColorRGB[3] + (_toColorRGB[3] - _fromColorRGB[3]) * ratio\n  })`;\n}\n"]}

package/cjs/common/bezier.d.ts

@@ -0,0 +1,8 @@
+import { IPointLike, IPoint } from '@visactor/vutils';
+import { CubicBezierCurve, LineCurve } from './path';
+export declare function snapLength(xArr: number[], yArr: number[]): number;
+export declare function cubicLength(p0: IPointLike, p1: IPointLike, p2: IPointLike, p3: IPointLike, iterationCount: number): number;
+export declare function cubicCalc(p0: number, p1: number, p2: number, p3: number, t: number): number;
+export declare function cubicPointAt(p0: IPointLike, p1: IPointLike, p2: IPointLike, p3: IPointLike, t: number): IPoint;
+export declare function divideCubic(curve: CubicBezierCurve, t: number): CubicBezierCurve[];
+export declare function divideLinear(curve: LineCurve, t: number): LineCurve[];

package/cjs/common/bezier.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.divideLinear = exports.divideCubic = exports.cubicPointAt = exports.cubicCalc = exports.cubicLength = exports.snapLength = void 0;
+
+const vutils_1 = require("@visactor/vutils"), path_1 = require("./path");
+
+function snapLength(xArr, yArr) {
+    let totalLength = 0;
+    const count = xArr.length;
+    for (let i = 0; i < count; i++) {
+        const x = xArr[i], y = yArr[i], nextX = xArr[(i + 1) % count], nextY = yArr[(i + 1) % count];
+        totalLength += vutils_1.PointService.distanceNN(x, y, nextX, nextY);
+    }
+    return totalLength / 2;
+}
+
+function cubicLength(p0, p1, p2, p3, iterationCount) {
+    return snapLength([ p0.x, p1.x, p2.x, p3.x ], [ p0.y, p1.y, p2.y, p3.y ]);
+}
+
+function cubicCalc(p0, p1, p2, p3, t) {
+    const one = 1 - t;
+    return one * one * one * p0 + 3 * p1 * t * one * one + 3 * p2 * t * t * one + p3 * t * t * t;
+}
+
+function cubicPointAt(p0, p1, p2, p3, t) {
+    const x = cubicCalc(p0.x, p1.x, p2.x, p3.x, t), y = cubicCalc(p0.y, p1.y, p2.y, p3.y, t);
+    return new vutils_1.Point(x, y);
+}
+
+function divideCubic(curve, t) {
+    const {p0: p0, p1: p1, p2: p2, p3: p3} = curve, pt = cubicPointAt(p0, p1, p2, p3, t), c1 = vutils_1.PointService.pointAtPP(p0, p1, t), c2 = vutils_1.PointService.pointAtPP(p1, p2, t), c3 = vutils_1.PointService.pointAtPP(p2, p3, t), c12 = vutils_1.PointService.pointAtPP(c1, c2, t), c23 = vutils_1.PointService.pointAtPP(c2, c3, t);
+    return [ new path_1.CubicBezierCurve(p0, c1, c12, pt), new path_1.CubicBezierCurve(pt, c23, c3, p3) ];
+}
+
+function divideLinear(curve, t) {
+    const {p0: p0, p1: p1} = curve, c1 = vutils_1.PointService.pointAtPP(p0, p1, t);
+    return [ new path_1.LineCurve(p0, c1), new path_1.LineCurve(c1, p1) ];
+}
+
+exports.snapLength = snapLength, exports.cubicLength = cubicLength, exports.cubicCalc = cubicCalc, 
+exports.cubicPointAt = cubicPointAt, exports.divideCubic = divideCubic, exports.divideLinear = divideLinear;
+//# sourceMappingURL=bezier.js.map

package/cjs/common/bezier.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/bezier.ts"],"names":[],"mappings":"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","file":"bezier.js","sourcesContent":["import { IPointLike, IPoint, PointService, Point } from '@visactor/vutils';\nimport { CubicBezierCurve, LineCurve } from './path';\n\n// TODO 替换这里的逻辑\n\nexport function snapLength(xArr: number[], yArr: number[]) {\n  let totalLength = 0;\n  const count = xArr.length;\n  for (let i = 0; i < count; i++) {\n    const x = xArr[i];\n    const y = yArr[i];\n    const nextX = xArr[(i + 1) % count];\n    const nextY = yArr[(i + 1) % count];\n    totalLength += PointService.distanceNN(x, y, nextX, nextY);\n  }\n  return totalLength / 2;\n}\n\n/**\n * 计算贝塞尔曲线的长度\n * @param p0 起点\n * @param p1 控制点1\n * @param p2 控制点2\n * @param p3 终点\n * @param iterationCount\n */\nexport function cubicLength(p0: IPointLike, p1: IPointLike, p2: IPointLike, p3: IPointLike, iterationCount: number) {\n  return snapLength([p0.x, p1.x, p2.x, p3.x], [p0.y, p1.y, p2.y, p3.y]);\n}\n\nexport function cubicCalc(p0: number, p1: number, p2: number, p3: number, t: number): number {\n  const one = 1 - t;\n  return one * one * one * p0 + 3 * p1 * t * one * one + 3 * p2 * t * t * one + p3 * t * t * t;\n}\n\n/**\n * 根据t计算三次贝塞尔的点\n * example：\n *   x: cubicAt(x1, x2, x3, x4, t),\n *   y: cubicAt(y1, y2, y3, y4, t),\n * @param p0 起点坐标\n * @param p1 控制点1\n * @param p2 控制点2\n * @param p3 终点坐标\n * @param t\n */\nexport function cubicPointAt(p0: IPointLike, p1: IPointLike, p2: IPointLike, p3: IPointLike, t: number): IPoint {\n  const x = cubicCalc(p0.x, p1.x, p2.x, p3.x, t);\n  const y = cubicCalc(p0.y, p1.y, p2.y, p3.y, t);\n  return new Point(x, y);\n}\n\n/**\n * 对三次贝塞尔曲线进行分割\n * @param p0 起点\n * @param p1 控制点1\n * @param p2 控制点2\n * @param p3 终点\n * @param t\n */\nexport function divideCubic(curve: CubicBezierCurve, t: number): CubicBezierCurve[] {\n  const { p0, p1, p2, p3 } = curve;\n\n  // 划分点\n  const pt = cubicPointAt(p0, p1, p2, p3, t);\n  //  const xt = pt.x;\n  //  const yt = pt.y;\n\n  // 计算两点之间的差值点\n  const c1 = PointService.pointAtPP(p0, p1, t);\n  const c2 = PointService.pointAtPP(p1, p2, t);\n  const c3 = PointService.pointAtPP(p2, p3, t);\n  const c12 = PointService.pointAtPP(c1, c2, t);\n  const c23 = PointService.pointAtPP(c2, c3, t);\n  // const direction = p1.x1 ? p1.y > p0.y ? 0 : 1 : p1.x > p0.x ? 0 : 1;\n\n  const curve1 = new CubicBezierCurve(p0, c1, c12, pt);\n  const curve2 = new CubicBezierCurve(pt, c23, c3, p3);\n\n  return [curve1, curve2];\n}\n\nexport function divideLinear(curve: LineCurve, t: number): LineCurve[] {\n  const { p0, p1 } = curve;\n\n  // 计算两点之间的差值点\n  const c1 = PointService.pointAtPP(p0, p1, t);\n  // const direction = p1.x1 ? p1.y > p0.y ? 0 : 1 : p1.x > p0.x ? 0 : 1;\n\n  const curve1 = new LineCurve(p0, c1);\n  const curve2 = new LineCurve(c1, p1);\n\n  return [curve1, curve2];\n}\n"]}

package/cjs/common/bounds-context.d.ts

@@ -0,0 +1,18 @@
+import { IBounds } from '@visactor/vutils';
+import { IPath2D } from '../interface';
+export declare class BoundsContext implements IPath2D {
+    bounds: IBounds;
+    constructor(bounds: IBounds);
+    init(bounds: IBounds): void;
+    arc(cx: number, cy: number, r: number, sa: number, ea: number, ccw: boolean): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    closePath(): void;
+    ellipse(): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    clear(): void;
+    release(...params: any): void;
+}

package/cjs/common/bounds-context.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BoundsContext = void 0;
+
+const vutils_1 = require("@visactor/vutils"), circleThreshold = vutils_1.tau - 1e-8;
+
+class BoundsContext {
+    constructor(bounds) {
+        this.init(bounds);
+    }
+    init(bounds) {
+        this.bounds = bounds;
+    }
+    arc(cx, cy, r, sa, ea, ccw) {
+        if (Math.abs(ea - sa) > circleThreshold) return this.bounds.add(cx - r, cy - r), 
+        void this.bounds.add(cx + r, cy + r);
+        let s, i, x, y, xmin = 1 / 0, xmax = -1 / 0, ymin = 1 / 0, ymax = -1 / 0;
+        function update(a) {
+            x = r * Math.cos(a), y = r * Math.sin(a), x < xmin && (xmin = x), x > xmax && (xmax = x), 
+            y < ymin && (ymin = y), y > ymax && (ymax = y);
+        }
+        if (update(sa), update(ea), ea !== sa) if ((sa %= vutils_1.tau) < 0 && (sa += vutils_1.tau), 
+        (ea %= vutils_1.tau) < 0 && (ea += vutils_1.tau), ea < sa && (ccw = !ccw, s = sa, 
+        sa = ea, ea = s), ccw) for (ea -= vutils_1.tau, s = sa - sa % vutils_1.halfPi, i = 0; i < 4 && s > ea; ++i, 
+        s -= vutils_1.halfPi) update(s); else for (s = sa - sa % vutils_1.halfPi + vutils_1.halfPi, 
+        i = 0; i < 4 && s < ea; ++i, s += vutils_1.halfPi) update(s);
+        this.bounds.add(cx + xmin, cy + ymin), this.bounds.add(cx + xmax, cy + ymax);
+    }
+    arcTo(x1, y1, x2, y2, radius) {
+        throw new Error("不支持arcTo");
+    }
+    bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+        this.bounds.add(cp1x, cp1y), this.bounds.add(cp2x, cp2y), this.bounds.add(x, y);
+    }
+    closePath() {}
+    ellipse() {
+        throw new Error("不支持ellipse");
+    }
+    lineTo(x, y) {
+        this.bounds.add(x, y);
+    }
+    moveTo(x, y) {
+        this.bounds.add(x, y);
+    }
+    quadraticCurveTo(cpx, cpy, x, y) {
+        this.bounds.add(cpx, cpy), this.bounds.add(x, y);
+    }
+    rect(x, y, w, h) {
+        this.bounds.add(x, y), this.bounds.add(x + w, y + h);
+    }
+    clear() {
+        this.bounds.clear();
+    }
+    release(...params) {}
+}
+
+exports.BoundsContext = BoundsContext;
+//# sourceMappingURL=bounds-context.js.map

package/cjs/common/bounds-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/bounds-context.ts"],"names":[],"mappings":"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","file":"bounds-context.js","sourcesContent":["import { halfPi, tau, IBounds } from '@visactor/vutils';\nimport { IPath2D } from '../interface';\n\nconst circleThreshold = tau - 1e-8;\n\n/**\n * 借鉴 https://github.com/vega/vega/blob/b45cf431cd6c0d0c0e1567f087f9b3b55bc236fa/packages/vega-scenegraph/src/bound/boundContext.js\n * Copyright (c) 2015-2023, University of Washington Interactive Data Lab\n  All rights reserved.\n\n  Redistribution and use in source and binary forms, with or without\n  modification, are permitted provided that the following conditions are met:\n\n  1. Redistributions of source code must retain the above copyright notice, this\n    list of conditions and the following disclaimer.\n\n  2. Redistributions in binary form must reproduce the above copyright notice,\n    this list of conditions and the following disclaimer in the documentation\n    and/or other materials provided with the distribution.\n\n  3. Neither the name of the copyright holder nor the names of its contributors\n    may be used to endorse or promote products derived from this software\n    without specific prior written permission.\n\n  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\n  AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\n  IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\n  DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE\n  FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\n  DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\n  SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\n  CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\n  OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n  OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n */\nexport class BoundsContext implements IPath2D {\n  bounds: IBounds;\n  constructor(bounds: IBounds) {\n    this.init(bounds);\n  }\n\n  init(bounds: IBounds) {\n    this.bounds = bounds;\n  }\n\n  // @ts-ignore\n  arc(cx: number, cy: number, r: number, sa: number, ea: number, ccw: boolean) {\n    if (Math.abs(ea - sa) > circleThreshold) {\n      this.bounds.add(cx - r, cy - r);\n      this.bounds.add(cx + r, cy + r);\n      return;\n    }\n\n    let xmin = Infinity;\n    let xmax = -Infinity;\n    let ymin = Infinity;\n    let ymax = -Infinity;\n    let s;\n    let i;\n    let x;\n    let y;\n\n    function update(a: number) {\n      x = r * Math.cos(a);\n      y = r * Math.sin(a);\n      if (x < xmin) {\n        xmin = x;\n      }\n      if (x > xmax) {\n        xmax = x;\n      }\n      if (y < ymin) {\n        ymin = y;\n      }\n      if (y > ymax) {\n        ymax = y;\n      }\n    }\n\n    // Sample end points and interior points aligned with 90 degrees\n    update(sa);\n    update(ea);\n\n    if (ea !== sa) {\n      sa = sa % tau;\n      if (sa < 0) {\n        sa += tau;\n      }\n      ea = ea % tau;\n      if (ea < 0) {\n        ea += tau;\n      }\n\n      if (ea < sa) {\n        ccw = !ccw; // flip direction\n        s = sa;\n        sa = ea;\n        ea = s; // swap end-points\n      }\n\n      if (ccw) {\n        ea -= tau;\n        s = sa - (sa % halfPi);\n        for (i = 0; i < 4 && s > ea; ++i, s -= halfPi) {\n          update(s);\n        }\n      } else {\n        s = sa - (sa % halfPi) + halfPi;\n        for (i = 0; i < 4 && s < ea; ++i, s = s + halfPi) {\n          update(s);\n        }\n      }\n    }\n\n    this.bounds.add(cx + xmin, cy + ymin);\n    this.bounds.add(cx + xmax, cy + ymax);\n  }\n  // @ts-ignore\n  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void {\n    throw new Error('不支持arcTo');\n  }\n  // @ts-ignore\n  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void {\n    this.bounds.add(cp1x, cp1y);\n    this.bounds.add(cp2x, cp2y);\n    this.bounds.add(x, y);\n  }\n  // @ts-ignore\n  closePath(): void {\n    // do nothing\n  }\n  // @ts-ignore\n  ellipse(): void {\n    throw new Error('不支持ellipse');\n  }\n  // @ts-ignore\n  lineTo(x: number, y: number): void {\n    this.bounds.add(x, y);\n  }\n  // @ts-ignore\n  moveTo(x: number, y: number): void {\n    this.bounds.add(x, y);\n  }\n  // @ts-ignore\n  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void {\n    this.bounds.add(cpx, cpy);\n    this.bounds.add(x, y);\n  }\n  // @ts-ignore\n  rect(x: number, y: number, w: number, h: number): void {\n    this.bounds.add(x, y);\n    this.bounds.add(x + w, y + h);\n  }\n\n  clear() {\n    this.bounds.clear();\n  }\n\n  release(...params: any): void {\n    // 不需要dispose\n    return;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import { IColor } from '../interface/color';
+import { IContext2d } from '../interface';
+import { IBoundsLike } from '@visactor/vutils';
+export declare function getScaledStroke(context: IContext2d, width: number, dpr: number): number;
+export declare function createColor(context: IContext2d, color: string | IColor, params: {
+    AABBBounds?: IBoundsLike;
+}, offsetX: number, offsetY: number): string | CanvasGradient;

package/cjs/common/canvas-utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+function getScaledStroke(context, width, dpr) {
+    let strokeWidth = width;
+    const {a: a, b: b, c: c, d: d} = context.currentMatrix, scaleX = Math.sign(a) * Math.sqrt(a * a + b * b), scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);
+    return scaleX + scaleY === 0 ? 0 : (strokeWidth = strokeWidth / Math.abs(scaleX + scaleY) * 2 * dpr, 
+    strokeWidth);
+}
+
+function createColor(context, color, params, offsetX, offsetY) {
+    if (!color) return "black";
+    let result;
+    return "string" == typeof color ? color : ("linear" === color.gradient ? result = createLinearGradient(context, color, params.AABBBounds, offsetX, offsetY) : "conical" === color.gradient ? result = createConicGradient(context, color, params.AABBBounds, offsetX, offsetY) : "radial" === color.gradient && (result = createRadialGradient(context, color, params.AABBBounds, offsetX, offsetY)), 
+    result || "orange");
+}
+
+function createLinearGradient(context, color, bounds, offsetX, offsetY) {
+    const w = bounds.x2 - bounds.x1, h = bounds.y2 - bounds.y1, x = bounds.x1, y = bounds.y1, canvasGradient = context.createLinearGradient(x + (color.x0 || 0) * w, y + (color.y0 || 0) * h, x + (color.x1 || 1) * w, y + (color.y1 || 0) * h);
+    return color.stops.forEach((stop => {
+        canvasGradient.addColorStop(stop.offset, stop.color);
+    })), canvasGradient;
+}
+
+function createRadialGradient(context, color, bounds, offsetX, offsetY) {
+    const w = bounds.x2 - bounds.x1, h = bounds.y2 - bounds.y1, x = bounds.x1, y = bounds.y1, canvasGradient = context.createRadialGradient(x + (color.x0 || .5) * w, y + (color.y0 || .5) * h, Math.max(w, h) * (color.r0 || 0), x + (color.x1 || .5) * w, y + (color.y1 || .5) * h, Math.max(w, h) * (color.r1 || .5));
+    return color.stops.forEach((stop => {
+        canvasGradient.addColorStop(stop.offset, stop.color);
+    })), canvasGradient;
+}
+
+function createConicGradient(context, color, bounds, offsetX, offsetY) {
+    if (!bounds) return;
+    const w = bounds.x2 - bounds.x1, h = bounds.y2 - bounds.y1, x = bounds.x1 || 0, y = bounds.y1 || 0, canvasGradient = context.createConicGradient(x + (color.x || 0) * w, y + (color.y || 0) * h, color.startAngle, color.endAngle);
+    return color.stops.forEach((stop => {
+        canvasGradient.addColorStop(stop.offset, stop.color);
+    })), canvasGradient.GetPattern(w + x, h + y, undefined);
+}
+
+//# sourceMappingURL=canvas-utils.js.map
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createColor = exports.getScaledStroke = void 0, exports.getScaledStroke = getScaledStroke, 
+exports.createColor = createColor;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/canvas-utils.ts"],"names":[],"mappings":"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","file":"canvas-utils.js","sourcesContent":["import { IColor, IConicalGradient, ILinearGradient, IRadialGradient } from '../interface/color';\nimport { IContext2d } from '../interface';\nimport { IBoundsLike } 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  color: string | IColor,\n  params: { AABBBounds?: IBoundsLike },\n  offsetX: number,\n  offsetY: number\n): string | CanvasGradient {\n  if (!color) {\n    return 'black';\n  }\n  let result: string | CanvasGradient | undefined;\n  if (typeof color === 'string') {\n    return color;\n  }\n  if (color.gradient === 'linear') {\n    result = createLinearGradient(context, color, params.AABBBounds, offsetX, offsetY);\n  } else if (color.gradient === 'conical') {\n    result = createConicGradient(context, color, params.AABBBounds, offsetX, offsetY);\n  } else if (color.gradient === 'radial') {\n    result = createRadialGradient(context, color, params.AABBBounds, offsetX, offsetY);\n  }\n  return result || 'orange';\n}\n\nfunction createLinearGradient(\n  context: IContext2d,\n  color: ILinearGradient,\n  bounds: IBoundsLike,\n  offsetX: number,\n  offsetY: number\n) {\n  const w = bounds.x2 - bounds.x1;\n  const h = bounds.y2 - bounds.y1;\n  const x = bounds.x1;\n  const y = bounds.y1;\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  bounds: IBoundsLike,\n  offsetX: number,\n  offsetY: number\n) {\n  const w = bounds.x2 - bounds.x1;\n  const h = bounds.y2 - bounds.y1;\n  const x = bounds.x1;\n  const y = bounds.y1;\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  bounds: IBoundsLike,\n  offsetX: number,\n  offsetY: number\n) {\n  if (!bounds) {\n    return;\n  }\n  const w = bounds.x2 - bounds.x1;\n  const h = bounds.y2 - bounds.y1;\n  const x = bounds.x1 || 0;\n  const y = bounds.y1 || 0;\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/contribution-provider.d.ts

@@ -0,0 +1,6 @@
+import { interfaces } from 'inversify';
+export declare const ContributionProvider: unique symbol;
+export interface ContributionProvider<T> {
+    getContributions: () => T[];
+}
+export declare function bindContributionProvider(bind: interfaces.Bind, id: any): void;

package/cjs/common/contribution-provider.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindContributionProvider = exports.ContributionProvider = void 0, exports.ContributionProvider = Symbol("ContributionProvider");
+
+class ContributionProviderCache {
+    constructor(serviceIdentifier, container) {
+        this.serviceIdentifier = serviceIdentifier, this.container = container;
+    }
+    getContributions() {
+        return this.caches || (this.caches = [], this.container && this.caches.push(...this.container.getAll(this.serviceIdentifier))), 
+        this.caches;
+    }
+}
+
+function bindContributionProvider(bind, id) {
+    bind(exports.ContributionProvider).toDynamicValue((({container: container}) => new ContributionProviderCache(id, container))).inSingletonScope().whenTargetNamed(id);
+}
+
+exports.bindContributionProvider = bindContributionProvider;
+//# sourceMappingURL=contribution-provider.js.map

package/cjs/common/contribution-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/contribution-provider.ts"],"names":[],"mappings":";;;AAEa,QAAA,oBAAoB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AAMnE,MAAM,yBAAyB;IAK7B,YAAY,iBAAkD,EAAE,SAA+B;QAC7F,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;SACtF;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;CACF;AAED,SAAgB,wBAAwB,CAAC,IAAqB,EAAE,EAAO;IACrE,IAAI,CAAC,4BAAoB,CAAC;SACvB,cAAc,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,yBAAyB,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;SAC/E,gBAAgB,EAAE;SAClB,eAAe,CAAC,EAAE,CAAC,CAAC;AACzB,CAAC;AALD,4DAKC","file":"contribution-provider.js","sourcesContent":["import { interfaces } from 'inversify';\n\nexport const ContributionProvider = Symbol('ContributionProvider');\n\nexport interface ContributionProvider<T> {\n  getContributions: () => T[];\n}\n\nclass ContributionProviderCache<T> implements ContributionProvider<T> {\n  protected caches?: T[];\n  protected serviceIdentifier: interfaces.ServiceIdentifier<T>;\n  protected container: interfaces.Container;\n\n  constructor(serviceIdentifier: interfaces.ServiceIdentifier<T>, container: interfaces.Container) {\n    this.serviceIdentifier = serviceIdentifier;\n    this.container = container;\n  }\n\n  getContributions(): T[] {\n    if (!this.caches) {\n      this.caches = [];\n      this.container && this.caches.push(...this.container.getAll(this.serviceIdentifier));\n    }\n    return this.caches;\n  }\n}\n\nexport function bindContributionProvider(bind: interfaces.Bind, id: any): void {\n  bind(ContributionProvider)\n    .toDynamicValue(({ container }) => new ContributionProviderCache(id, container))\n    .inSingletonScope()\n    .whenTargetNamed(id);\n}\n"]}

package/cjs/common/curve/basis.d.ts

@@ -0,0 +1,18 @@
+import { IPointLike } from '@visactor/vutils';
+import { ACurveTypeClass, ALinearTypeClass, IGenSegmentParams, ISegPath2D } from './interface';
+import { SegContext } from '../seg-context';
+export declare function point(curveClass: Basis, x: number, y: number, defined: boolean): void;
+export declare class Basis extends ACurveTypeClass {
+    private _lastDefined?;
+    context: ISegPath2D;
+    protected startPoint?: IPointLike;
+    constructor(context: ISegPath2D, startPoint?: IPointLike);
+    areaStart(): void;
+    areaEnd(): void;
+    lineStart(): void;
+    lineEnd(): void;
+    point(p: IPointLike): void;
+    tryUpdateLength(): number;
+}
+export declare function genBasisTypeSegments(path: ALinearTypeClass, points: IPointLike[]): void;
+export declare function genBasisSegments(points: IPointLike[], params?: IGenSegmentParams): SegContext | null;

package/cjs/common/curve/basis.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.genBasisSegments = exports.genBasisTypeSegments = exports.Basis = exports.point = void 0;
+
+const vutils_1 = require("@visactor/vutils"), linear_1 = require("./linear"), common_1 = require("./common"), interface_1 = require("./interface"), seg_context_1 = require("../seg-context");
+
+function point(curveClass, x, y, defined) {
+    curveClass.context.bezierCurveTo((2 * curveClass._x0 + curveClass._x1) / 3, (2 * curveClass._y0 + curveClass._y1) / 3, (curveClass._x0 + 2 * curveClass._x1) / 3, (curveClass._y0 + 2 * curveClass._y1) / 3, (curveClass._x0 + 4 * curveClass._x1 + x) / 6, (curveClass._y0 + 4 * curveClass._y1 + y) / 6, defined);
+}
+
+exports.point = point;
+
+class Basis extends interface_1.ACurveTypeClass {
+    constructor(context, startPoint) {
+        super(), this.context = context, this.startPoint = startPoint;
+    }
+    areaStart() {
+        this._line = 0;
+    }
+    areaEnd() {
+        this._line = NaN;
+    }
+    lineStart() {
+        this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0, this.startPoint && this.point(this.startPoint);
+    }
+    lineEnd() {
+        if (2 === this._point) point(this, 6 * this._x1 - (this._x0 + 4 * this._x1), 6 * this._y1 - (this._y0 + 4 * this._y1), !1 !== this._lastDefined);
+        (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), 
+        this._line = 1 - this._line;
+    }
+    point(p) {
+        const x = p.x, y = p.y;
+        switch (this._point) {
+          case 0:
+            this._point = 1, this._line ? this.context.lineTo(x, y, !1 !== this._lastDefined && !1 !== p.defined) : this.context.moveTo(x, y);
+            break;
+
+          case 1:
+            this._point = 2;
+            break;
+
+          default:
+            point(this, x, y, !1 !== this._lastDefined && !1 !== p.defined);
+        }
+        this._x0 = this._x1, this._x1 = x, this._y0 = this._y1, this._y1 = y, this._lastDefined = p.defined;
+    }
+    tryUpdateLength() {
+        return this.context.tryUpdateLength();
+    }
+}
+
+function genBasisTypeSegments(path, points) {
+    return (0, common_1.genCurveSegments)(path, points, 2);
+}
+
+function genBasisSegments(points, params = {}) {
+    const {direction: direction, startPoint: startPoint} = params;
+    if (points.length < 2 - Number(!!startPoint)) return null;
+    if (points.length < 3 - Number(!!startPoint)) return (0, linear_1.genLinearSegments)(points, params);
+    const segContext = new seg_context_1.SegContext("basis", null != direction ? direction : (0, 
+    vutils_1.abs)(points[points.length - 1].x - points[0].x) > (0, vutils_1.abs)(points[points.length - 1].y - points[0].y) ? seg_context_1.Direction.ROW : seg_context_1.Direction.COLUMN);
+    return genBasisTypeSegments(new Basis(segContext, startPoint), points), segContext;
+}
+
+exports.Basis = Basis, exports.genBasisTypeSegments = genBasisTypeSegments, exports.genBasisSegments = genBasisSegments;
+//# sourceMappingURL=basis.js.map

package/cjs/common/curve/basis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/curve/basis.ts"],"names":[],"mappings":"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","file":"basis.js","sourcesContent":["import { abs, IPointLike } from '@visactor/vutils';\nimport { genLinearSegments } from './linear';\nimport { genCurveSegments } from './common';\nimport { ACurveTypeClass, ALinearTypeClass, IGenSegmentParams, ISegPath2D } from './interface';\nimport { Direction, SegContext } from '../seg-context';\n\n/**\n * 部分源码参考 https://github.com/d3/d3-shape/\n * Copyright 2010-2022 Mike Bostock\n\n  Permission to use, copy, modify, and/or distribute this software for any purpose\n  with or without fee is hereby granted, provided that the above copyright notice\n  and this permission notice appear in all copies.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\n  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND\n  FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\n  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS\n  OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER\n  TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF\n  THIS SOFTWARE.\n */\n\n// 基于d3-shape重构\n// https://github.com/d3/d3-shape/blob/main/src/curve/basis.js\nexport function point(curveClass: Basis, x: number, y: number, defined: boolean) {\n  curveClass.context.bezierCurveTo(\n    (2 * curveClass._x0 + curveClass._x1) / 3,\n    (2 * curveClass._y0 + curveClass._y1) / 3,\n    (curveClass._x0 + 2 * curveClass._x1) / 3,\n    (curveClass._y0 + 2 * curveClass._y1) / 3,\n    (curveClass._x0 + 4 * curveClass._x1 + x) / 6,\n    (curveClass._y0 + 4 * curveClass._y1 + y) / 6,\n    defined\n  );\n}\n\nexport class Basis extends ACurveTypeClass {\n  private _lastDefined?: boolean;\n  declare context: ISegPath2D;\n\n  protected startPoint?: IPointLike;\n\n  constructor(context: ISegPath2D, startPoint?: IPointLike) {\n    super();\n    this.context = context;\n    this.startPoint = startPoint;\n  }\n\n  areaStart() {\n    this._line = 0;\n  }\n  areaEnd() {\n    this._line = NaN;\n  }\n  lineStart() {\n    this._x0 = this._x1 = this._y0 = this._y1 = NaN;\n    this._point = 0;\n    this.startPoint && this.point(this.startPoint);\n  }\n  lineEnd() {\n    switch (this._point) {\n      case 2:\n        point(\n          this,\n          this._x1 * 6 - (this._x0 + 4 * this._x1),\n          this._y1 * 6 - (this._y0 + 4 * this._y1),\n          this._lastDefined !== false\n        ); // falls through\n      // case 2: this.context.lineTo(this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) {\n      this.context.closePath();\n    }\n    this._line = 1 - this._line;\n  }\n  point(p: IPointLike): void {\n    const x = p.x;\n    const y = p.y;\n    switch (this._point) {\n      case 0:\n        this._point = 1;\n        this._line\n          ? this.context.lineTo(x, y, this._lastDefined !== false && p.defined !== false)\n          : this.context.moveTo(x, y);\n        break;\n      case 1:\n        this._point = 2;\n        break;\n      // case 2: this._point = 3; this.context.lineTo((5 * this._x0 + this._x1) / 6, (5 * this._y0 + this._y1) / 6, i, defined1, defined2); // falls through\n      default:\n        point(this, x, y, this._lastDefined !== false && p.defined !== false);\n        break;\n    }\n    (this._x0 = this._x1), (this._x1 = x);\n    (this._y0 = this._y1), (this._y1 = y);\n    this._lastDefined = p.defined;\n  }\n\n  tryUpdateLength(): number {\n    return this.context.tryUpdateLength();\n  }\n}\n\nexport function genBasisTypeSegments(path: ALinearTypeClass, points: IPointLike[]): void {\n  return genCurveSegments(path, points, 2);\n}\n\nexport function genBasisSegments(points: IPointLike[], params: IGenSegmentParams = {}): SegContext | null {\n  const { direction, startPoint } = params;\n  if (points.length < 2 - Number(!!startPoint)) {\n    return null;\n  }\n  if (points.length < 3 - Number(!!startPoint)) {\n    return genLinearSegments(points, params);\n  }\n  const segContext = new SegContext(\n    'basis',\n    direction ??\n      (abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y)\n        ? Direction.ROW\n        : Direction.COLUMN)\n  );\n  const basis = new Basis(segContext, startPoint);\n\n  genBasisTypeSegments(basis, points);\n\n  return segContext;\n}\n"]}

package/cjs/common/curve/common.d.ts

@@ -0,0 +1,3 @@
+import { IPointLike } from '@visactor/vutils';
+import { ALinearTypeClass } from './interface';
+export declare function genCurveSegments(path: ALinearTypeClass, points: IPointLike[], step?: number): void;

package/cjs/common/curve/common.js

@@ -0,0 +1,12 @@
+"use strict";
+
+function genCurveSegments(path, points, step = 1) {
+    let defined0 = !1;
+    for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), 
+    defined0 && path.point(points[i]);
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.genCurveSegments = void 0, exports.genCurveSegments = genCurveSegments;
+//# sourceMappingURL=common.js.map

package/cjs/common/curve/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/curve/common.ts"],"names":[],"mappings":";;;AA0BA,SAAgB,gBAAgB,CAAC,IAAsB,EAAE,MAAoB,EAAE,OAAe,CAAC;IAC7F,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC9C,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,EAAE;YACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,EAAE;gBAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB;iBAAM;gBACL,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;SACF;QACD,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SACvB;KACF;AACH,CAAC;AAdD,4CAcC","file":"common.js","sourcesContent":["import { IPointLike } from '@visactor/vutils';\nimport { ALinearTypeClass } from './interface';\n\n/**\n * 部分源码参考 https://github.com/d3/d3-shape/\n * Copyright 2010-2022 Mike Bostock\n\n  Permission to use, copy, modify, and/or distribute this software for any purpose\n  with or without fee is hereby granted, provided that the above copyright notice\n  and this permission notice appear in all copies.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\n  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND\n  FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\n  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS\n  OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER\n  TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF\n  THIS SOFTWARE.\n */\n\n/**\n * 公用的绘制curve的方法\n * @param path\n * @param points\n * @param step\n */\nexport function genCurveSegments(path: ALinearTypeClass, points: IPointLike[], step: number = 1): void {\n  let defined0 = false;\n  for (let i = 0, n = points.length; i <= n; i++) {\n    if (i >= n === defined0) {\n      if ((defined0 = !defined0)) {\n        path.lineStart();\n      } else {\n        path.lineEnd();\n      }\n    }\n    if (defined0) {\n      path.point(points[i]);\n    }\n  }\n}\n"]}

package/cjs/common/curve/index.d.ts

@@ -0,0 +1,12 @@
+import { IPointLike } from '@visactor/vutils';
+import { SegContext } from '../seg-context';
+import { ICurveType } from '../../interface';
+export * from './linear';
+export * from './linear-closed';
+export * from './basis';
+export * from './monotone';
+export * from './step';
+export * from './interface';
+export declare function calcLineCache(points: IPointLike[], curveType: ICurveType, params?: {
+    startPoint: IPointLike;
+}): SegContext | null;

package/cjs/common/curve/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.calcLineCache = void 0;
+
+const linear_1 = require("./linear"), basis_1 = require("./basis"), monotone_1 = require("./monotone"), step_1 = require("./step"), linear_closed_1 = require("./linear-closed");
+
+function calcLineCache(points, curveType, params) {
+    switch (curveType) {
+      case "linear":
+      default:
+        return (0, linear_1.genLinearSegments)(points, params);
+
+      case "basis":
+        return (0, basis_1.genBasisSegments)(points, params);
+
+      case "monotoneX":
+        return (0, monotone_1.genMonotoneXSegments)(points, params);
+
+      case "monotoneY":
+        return (0, monotone_1.genMonotoneYSegments)(points, params);
+
+      case "step":
+        return (0, step_1.genStepSegments)(points, .5, params);
+
+      case "stepBefore":
+        return (0, step_1.genStepSegments)(points, 0, params);
+
+      case "stepAfter":
+        return (0, step_1.genStepSegments)(points, 1, params);
+
+      case "linearClosed":
+        return (0, linear_closed_1.genLinearClosedSegments)(points, params);
+    }
+}
+
+__exportStar(require("./linear"), exports), __exportStar(require("./linear-closed"), exports), 
+__exportStar(require("./basis"), exports), __exportStar(require("./monotone"), exports), 
+__exportStar(require("./step"), exports), __exportStar(require("./interface"), exports), 
+exports.calcLineCache = calcLineCache;
+//# sourceMappingURL=index.js.map

package/cjs/common/curve/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/curve/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAGA,qCAA6C;AAC7C,mCAA2C;AAC3C,yCAAwE;AACxE,iCAAyC;AACzC,mDAA0D;AAE1D,2CAAyB;AACzB,kDAAgC;AAChC,0CAAwB;AACxB,6CAA2B;AAC3B,yCAAuB;AACvB,8CAA4B;AAE5B,SAAgB,aAAa,CAC3B,MAAoB,EACpB,SAAqB,EACrB,MAAmC;IAEnC,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3C,KAAK,OAAO;YACV,OAAO,IAAA,wBAAgB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,KAAK,WAAW;YACd,OAAO,IAAA,+BAAoB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9C,KAAK,WAAW;YACd,OAAO,IAAA,+BAAoB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9C,KAAK,MAAM;YACT,OAAO,IAAA,sBAAe,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;QAC9C,KAAK,YAAY;YACf,OAAO,IAAA,sBAAe,EAAC,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QAC5C,KAAK,WAAW;YACd,OAAO,IAAA,sBAAe,EAAC,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QAC5C,KAAK,cAAc;YACjB,OAAO,IAAA,uCAAuB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjD;YACE,OAAO,IAAA,0BAAiB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC5C;AACH,CAAC;AAzBD,sCAyBC","file":"index.js","sourcesContent":["import { IPointLike } from '@visactor/vutils';\nimport { SegContext } from '../seg-context';\nimport { ICurveType } from '../../interface';\nimport { genLinearSegments } from './linear';\nimport { genBasisSegments } from './basis';\nimport { genMonotoneXSegments, genMonotoneYSegments } from './monotone';\nimport { genStepSegments } from './step';\nimport { genLinearClosedSegments } from './linear-closed';\n\nexport * from './linear';\nexport * from './linear-closed';\nexport * from './basis';\nexport * from './monotone';\nexport * from './step';\nexport * from './interface';\n\nexport function calcLineCache(\n  points: IPointLike[],\n  curveType: ICurveType,\n  params?: { startPoint: IPointLike }\n): SegContext | null {\n  switch (curveType) {\n    case 'linear':\n      return genLinearSegments(points, params);\n    case 'basis':\n      return genBasisSegments(points, params);\n    case 'monotoneX':\n      return genMonotoneXSegments(points, params);\n    case 'monotoneY':\n      return genMonotoneYSegments(points, params);\n    case 'step':\n      return genStepSegments(points, 0.5, params);\n    case 'stepBefore':\n      return genStepSegments(points, 0, params);\n    case 'stepAfter':\n      return genStepSegments(points, 1, params);\n    case 'linearClosed':\n      return genLinearClosedSegments(points, params);\n    default:\n      return genLinearSegments(points, params);\n  }\n}\n"]}