@visactor/vrender-components 0.19.19 → 0.19.20

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.19.19";
+export declare const version = "0.19.20";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.19.19", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.19.20", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,SAAS,CAAC;AAEjC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.19\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,SAAS,CAAC;AAEjC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.20\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, Point, PointService, abs, max, min, atan2, Matrix, pi2, Logger, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, isArray, cos, sin, pi, pointAt, isNumber, getDecimalPlaces, isNil, Color, has, normalTransform, isValidUrl, isBase64, epsilon, acos, sqrt, clampAngleByRadian, asin, transformBoundsWithMatrix, arrayEqual, Bounds, getRectIntersect, isRectIntersect, isPlainObject, merge, clamp, clampRange, normalizePadding, debounce, throttle, hexToRgb, isEmpty, isValid, rectInsideAnotherRect, radianToDegree, getAngleByPoint, polarToCartesian as polarToCartesian$1, array, isValidNumber, calculateAnchorOfBounds, isGreater, isLess, isNumberClose, normalizeAngle as normalizeAngle$1, flattenArray, cloneDeep, get, isRotateAABBIntersect, last, mixin, isEqual, interpolateString, minInArray, maxInArray, binaryFuzzySearchInNumberRange, polygonContainPoint } from '@visactor/vutils';
+import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, Point, PointService, abs, max, min, atan2, epsilon, Matrix, pi2, Logger, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, isArray, cos, sin, pi, pointAt, isNumber, getDecimalPlaces, isNil, Color, has, normalTransform, isValidUrl, isBase64, acos, sqrt, clampAngleByRadian, asin, transformBoundsWithMatrix, arrayEqual, Bounds, getRectIntersect, isRectIntersect, isPlainObject, merge, clamp, clampRange, normalizePadding, debounce, throttle, hexToRgb, isEmpty, isValid, rectInsideAnotherRect, radianToDegree, getAngleByPoint, polarToCartesian as polarToCartesian$1, array, isValidNumber, calculateAnchorOfBounds, isGreater, isLess, isNumberClose, normalizeAngle as normalizeAngle$1, flattenArray, cloneDeep, get, isRotateAABBIntersect, last, mixin, isEqual, interpolateString, minInArray, maxInArray, binaryFuzzySearchInNumberRange, polygonContainPoint } from '@visactor/vutils';
 import { isContinuous, isDiscrete, LinearScale } from '@visactor/vscale';
 
 class Generator {
@@ -1457,7 +1457,7 @@ function genLinearTypeSegments(path, points) {
   return genCurveSegments(path, points);
 }
 
-function point$2(curveClass, x, y, defined, p) {
+function point$3(curveClass, x, y, defined, p) {
   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, curveClass.lastPoint1);
 }
 class Basis {
@@ -1474,7 +1474,7 @@ class Basis {
     this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0, this.startPoint && this.point(this.startPoint);
   }
   lineEnd() {
-    if (2 === this._point) point$2(this, 6 * this._x1 - (this._x0 + 4 * this._x1), 6 * this._y1 - (this._y0 + 4 * this._y1), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+    if (2 === this._point) point$3(this, 6 * this._x1 - (this._x0 + 4 * this._x1), 6 * this._y1 - (this._y0 + 4 * this._y1), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
     (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
   }
   point(p) {
@@ -1488,7 +1488,7 @@ class Basis {
         this._point = 2;
         break;
       default:
-        point$2(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+        point$3(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
     }
     this._x0 = this._x1, this._x1 = x, this._y0 = this._y1, this._y1 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
   }
@@ -1526,7 +1526,7 @@ function slope2(curveClass, t) {
   const h = curveClass._x1 - curveClass._x0;
   return h ? (3 * (curveClass._y1 - curveClass._y0) / h - t) / 2 : t;
 }
-function point$1(curveClass, t0, t1, defined, p) {
+function point$2(curveClass, t0, t1, defined, p) {
   const x0 = curveClass._x0,
     y0 = curveClass._y0,
     x1 = curveClass._x1,
@@ -1553,7 +1553,7 @@ class MonotoneX {
         this.context.lineTo(this._x1, this._y1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
         break;
       case 3:
-        point$1(this, this._t0, slope2(this, this._t0), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+        point$2(this, this._t0, slope2(this, this._t0), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
     }
     (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
   }
@@ -1569,10 +1569,10 @@ class MonotoneX {
         this._point = 2;
         break;
       case 2:
-        this._point = 3, point$1(this, slope2(this, t1 = slope3(this, x, y)), t1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+        this._point = 3, point$2(this, slope2(this, t1 = slope3(this, x, y)), t1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
         break;
       default:
-        point$1(this, this._t0, t1 = slope3(this, x, y), !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+        point$2(this, this._t0, t1 = slope3(this, x, y), !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
     }
     this._x0 = this._x1, this._x1 = x, this._y0 = this._y1, this._y1 = y, this._t0 = t1, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = !1 !== p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
   }
@@ -1693,7 +1693,164 @@ function genLinearClosedTypeSegments(path, points) {
   return genCurveSegments(path, points);
 }
 
+function point$1(curveClass, x, y, defined, p) {
+  let x1 = curveClass._x1,
+    y1 = curveClass._y1,
+    x2 = curveClass._x2,
+    y2 = curveClass._y2;
+  if (curveClass._l01_a > epsilon) {
+    const a = 2 * curveClass._l01_2a + 3 * curveClass._l01_a * curveClass._l12_a + curveClass._l12_2a,
+      n = 3 * curveClass._l01_a * (curveClass._l01_a + curveClass._l12_a);
+    x1 = (x1 * a - curveClass._x0 * curveClass._l12_2a + curveClass._x2 * curveClass._l01_2a) / n, y1 = (y1 * a - curveClass._y0 * curveClass._l12_2a + curveClass._y2 * curveClass._l01_2a) / n;
+  }
+  if (curveClass._l23_a > epsilon) {
+    const b = 2 * curveClass._l23_2a + 3 * curveClass._l23_a * curveClass._l12_a + curveClass._l12_2a,
+      m = 3 * curveClass._l23_a * (curveClass._l23_a + curveClass._l12_a);
+    x2 = (x2 * b + curveClass._x1 * curveClass._l23_2a - x * curveClass._l12_2a) / m, y2 = (y2 * b + curveClass._y1 * curveClass._l23_2a - y * curveClass._l12_2a) / m;
+  }
+  curveClass.context.bezierCurveTo(x1, y1, x2, y2, curveClass._x2, curveClass._y2, defined, curveClass.lastPoint1);
+}
+class CatmullRom {
+  constructor(context) {
+    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+    this.context = context, this.startPoint = startPoint, this._alpha = alpha;
+  }
+  areaStart() {
+    this._line = 0;
+  }
+  areaEnd() {
+    this._line = NaN;
+  }
+  lineStart() {
+    this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0;
+  }
+  lineEnd() {
+    switch (this._point) {
+      case 2:
+        this.context.lineTo(this._x2, this._y2, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+        break;
+      case 3:
+        this.point({
+          x: this._x2,
+          y: this._y2
+        });
+    }
+    (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
+  }
+  point(p) {
+    const {
+      x: x,
+      y: y
+    } = p;
+    if (this._point) {
+      const x23 = this._x2 - x,
+        y23 = this._y2 - y;
+      this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));
+    }
+    switch (this._point) {
+      case 0:
+        this._point = 1, this._line ? this.context.lineTo(x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2) : this.context.moveTo(x, y);
+        break;
+      case 1:
+        this._point = 2;
+        break;
+      case 2:
+        this._point = 3;
+      default:
+        point$1(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+    }
+    this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = x, this._y0 = this._y1, this._y1 = this._y2, this._y2 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
+  }
+  tryUpdateLength() {
+    return this.context.tryUpdateLength();
+  }
+}
+function commonGenCatmullRomSegments(type, cons) {
+  return function (points, alpha) {
+    let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    const {
+      direction: direction,
+      startPoint: startPoint
+    } = params;
+    if (points.length < 2 - Number(!!startPoint)) return null;
+    if (points.length < 3 - Number(!!startPoint)) return genLinearSegments(points, params);
+    const segContext = genSegContext(type, direction, points),
+      gatmullRom = new cons(segContext, alpha, startPoint);
+    return genCurveSegments(gatmullRom, points), segContext;
+  };
+}
+const genCatmullRomSegments = commonGenCatmullRomSegments("catmullRom", CatmullRom);
+
+class CatmullRomClosed {
+  constructor(context) {
+    let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+    let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+    this.context = context, this.startPoint = startPoint, this._alpha = alpha;
+  }
+  areaStart() {
+    this._line = 0;
+  }
+  areaEnd() {
+    this._line = NaN;
+  }
+  lineStart() {
+    this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0;
+  }
+  lineEnd() {
+    switch (this._point) {
+      case 1:
+        this.context.moveTo(this._x3, this._y3, this.lastPoint1), this.context.closePath();
+        break;
+      case 2:
+        this.context.lineTo(this._x3, this._y3, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1), this.context.closePath();
+        break;
+      case 3:
+        this.point({
+          x: this._x3,
+          y: this._y3
+        }), this.point({
+          x: this._x4,
+          y: this._y4
+        }), this.point({
+          x: this._x5,
+          y: this._y5
+        });
+    }
+  }
+  point(p) {
+    const {
+      x: x,
+      y: y
+    } = p;
+    if (this._point) {
+      const x23 = this._x2 - x,
+        y23 = this._y2 - y;
+      this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));
+    }
+    switch (this._point) {
+      case 0:
+        this._point = 1, this._x3 = x, this._y3 = y;
+        break;
+      case 1:
+        this._point = 2, this.context.moveTo(this._x4 = x, this._y4 = y, p);
+        break;
+      case 2:
+        this._point = 3, this._x5 = x, this._y5 = y;
+        break;
+      default:
+        point$1(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+    }
+    this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = x, this._y0 = this._y1, this._y1 = this._y2, this._y2 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
+  }
+  tryUpdateLength() {
+    return this.context.tryUpdateLength();
+  }
+}
+const genCatmullRomClosedSegments = commonGenCatmullRomSegments("catmullRomClosed", CatmullRomClosed);
+
 function calcLineCache$1(points, curveType, params) {
+  var _a, _b;
   switch (curveType) {
     case "linear":
     default:
@@ -1710,6 +1867,10 @@ function calcLineCache$1(points, curveType, params) {
       return genStepSegments(points, 0, params);
     case "stepAfter":
       return genStepSegments(points, 1, params);
+    case "catmullRom":
+      return genCatmullRomSegments(points, null !== (_a = null == params ? void 0 : params.curveTension) && void 0 !== _a ? _a : .5, params);
+    case "catmullRomClosed":
+      return genCatmullRomClosedSegments(points, null !== (_b = null == params ? void 0 : params.curveTension) && void 0 !== _b ? _b : .5, params);
     case "linearClosed":
       return genLinearClosedSegments(points, params);
   }
@@ -2142,7 +2303,8 @@ const DefaultAreaAttribute = Object.assign(Object.assign(Object.assign({}, Defau
   segments: [],
   curveType: "linear",
   clipRange: 1,
-  closePath: !1
+  closePath: !1,
+  curveTension: 1
 });
 const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   radius: 1,
@@ -2177,7 +2339,8 @@ const DefaultLineAttribute = Object.assign(Object.assign(Object.assign({}, Defau
   curveType: "linear",
   clipRange: 1,
   clipRangeByDimension: "default",
-  closePath: !1
+  closePath: !1,
+  curveTension: 1
 });
 const DefaultPathAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   path: new CustomPath2D(),
@@ -5879,6 +6042,7 @@ function drawArcPath(arc, context, cx, cy, outerRadius, innerRadius, partStroke)
   }
   if (outerRadius <= epsilon) context.moveTo(cx, cy);else if (deltaAngle >= pi2 - epsilon) context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle)), context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise), innerRadius > epsilon && (context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle)), context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise));else {
     const cornerRadius = arc.getParsedCornerRadius(),
+      cornerRadiusIsArray = isArray(cornerRadius),
       {
         outerDeltaAngle: outerDeltaAngle,
         innerDeltaAngle: innerDeltaAngle,
@@ -5887,10 +6051,10 @@ function drawArcPath(arc, context, cx, cy, outerRadius, innerRadius, partStroke)
         innerEndAngle: innerEndAngle,
         innerStartAngle: innerStartAngle
       } = arc.getParsePadAngle(startAngle, endAngle),
-      outerCornerRadiusStart = cornerRadius,
-      outerCornerRadiusEnd = cornerRadius,
-      innerCornerRadiusEnd = cornerRadius,
-      innerCornerRadiusStart = cornerRadius,
+      outerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[0] : cornerRadius,
+      outerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[1] : cornerRadius,
+      innerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[2] : cornerRadius,
+      innerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[3] : cornerRadius,
       maxOuterCornerRadius = Math.max(outerCornerRadiusEnd, outerCornerRadiusStart),
       maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
     let limitedOcr = maxOuterCornerRadius,
@@ -7331,7 +7495,7 @@ function createSymbol(attributes) {
   return new Symbol$1(attributes);
 }
 
-const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", ...GRAPHIC_UPDATE_TAG_KEY];
+const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
 let Line$1 = class Line extends Graphic {
   constructor() {
     let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -8234,7 +8398,7 @@ function createPath(attributes) {
   return new Path(attributes);
 }
 
-const AREA_UPDATE_TAG_KEY = ["segments", "points", "curveType", ...GRAPHIC_UPDATE_TAG_KEY];
+const AREA_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
 class Area extends Graphic {
   constructor(params) {
     super(params), this.type = "area", this.numberType = AREA_NUMBER_TYPE;
@@ -8344,8 +8508,13 @@ class Arc extends Graphic {
       innerRadius = arcTheme.innerRadius
     } = this.attribute;
     if (outerRadius += outerPadding, innerRadius -= innerPadding, 0 === cornerRadius || "0%" === cornerRadius) return 0;
-    const deltaRadius = Math.abs(outerRadius - innerRadius);
-    return Math.min(isNumber(cornerRadius, !0) ? cornerRadius : deltaRadius * parseFloat(cornerRadius) / 100, deltaRadius / 2);
+    const deltaRadius = Math.abs(outerRadius - innerRadius),
+      parseCR = cornerRadius => Math.min(isNumber(cornerRadius, !0) ? cornerRadius : deltaRadius * parseFloat(cornerRadius) / 100, deltaRadius / 2);
+    if (isArray(cornerRadius)) {
+      const crList = cornerRadius.map(cr => parseCR(cr) || 0);
+      return 0 === crList.length ? [crList[0], crList[0], crList[0], crList[0]] : 2 === crList.length ? [crList[0], crList[1], crList[0], crList[1]] : (3 === crList.length && crList.push(0), crList);
+    }
+    return parseCR(cornerRadius);
   }
   getParsedAngle() {
     const arcTheme = getTheme(this).arc;
@@ -10425,6 +10594,7 @@ let DefaultCanvasArcRender = class extends BaseRender {
       outerRadius = innerRadius, innerRadius = temp;
     }
     const cornerRadius = arc.getParsedCornerRadius(),
+      cornerRadiusIsArray = isArray(cornerRadius),
       {
         outerDeltaAngle: outerDeltaAngle,
         innerDeltaAngle: innerDeltaAngle,
@@ -10433,10 +10603,10 @@ let DefaultCanvasArcRender = class extends BaseRender {
         innerEndAngle: innerEndAngle,
         innerStartAngle: innerStartAngle
       } = arc.getParsePadAngle(startAngle, endAngle),
-      outerCornerRadiusStart = cornerRadius,
-      outerCornerRadiusEnd = cornerRadius,
-      innerCornerRadiusEnd = cornerRadius,
-      innerCornerRadiusStart = cornerRadius,
+      outerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[0] : cornerRadius,
+      outerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[1] : cornerRadius,
+      innerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[2] : cornerRadius,
+      innerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[3] : cornerRadius,
       maxOuterCornerRadius = Math.max(outerCornerRadiusEnd, outerCornerRadiusStart),
       maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
     let limitedOcr = maxOuterCornerRadius,
@@ -10827,7 +10997,8 @@ let DefaultCanvasLineRender = class extends BaseRender {
         strokeOpacity = lineAttribute.strokeOpacity,
         segments: segments,
         points: points,
-        closePath: closePath
+        closePath: closePath,
+        curveTension = lineAttribute.curveTension
       } = line.attribute;
     if (!this.valid(line, lineAttribute, fillCb, strokeCb)) return;
     let {
@@ -10861,7 +11032,8 @@ let DefaultCanvasLineRender = class extends BaseRender {
             defined: lastSeg.curves[lastSeg.curves.length - 1].defined
           } : index > 1 && (startPoint.x = lastSeg.endX, startPoint.y = lastSeg.endY, startPoint.defined = lastSeg.curves[lastSeg.curves.length - 1].defined);
           const data = calcLineCache$1(seg.points, curveType, {
-            startPoint: startPoint
+            startPoint: startPoint,
+            curveTension: curveTension
           });
           return lastSeg = data, data;
         }).filter(item => !!item), "linearClosed" === curveType) {
@@ -10878,7 +11050,9 @@ let DefaultCanvasLineRender = class extends BaseRender {
         }
       } else {
         if (!points || !points.length) return line.cache = null, void line.clearUpdateShapeTag();
-        line.cache = calcLineCache$1(_points, curveType);
+        line.cache = calcLineCache$1(_points, curveType, {
+          curveTension: curveTension
+        });
       }
       line.clearUpdateShapeTag();
     }
@@ -11049,6 +11223,7 @@ var __decorate$G = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 function calcLineCache(points, curveType, params) {
+  var _a, _b;
   switch (curveType) {
     case "linear":
     default:
@@ -11065,6 +11240,10 @@ function calcLineCache(points, curveType, params) {
       return genStepSegments(points, 0, params);
     case "stepAfter":
       return genStepSegments(points, 1, params);
+    case "catmullRom":
+      return genCatmullRomSegments(points, null !== (_a = null == params ? void 0 : params.curveTension) && void 0 !== _a ? _a : .5, params);
+    case "catmullRomClosed":
+      return genCatmullRomClosedSegments(points, null !== (_b = null == params ? void 0 : params.curveTension) && void 0 !== _b ? _b : .5, params);
     case "linearClosed":
       return genLinearClosedSegments(points, params);
   }
@@ -11129,7 +11308,8 @@ let DefaultCanvasAreaRender = class extends BaseRender {
         stroke = areaAttribute.stroke,
         fillOpacity = areaAttribute.fillOpacity,
         z = areaAttribute.z,
-        strokeOpacity = areaAttribute.strokeOpacity
+        strokeOpacity = areaAttribute.strokeOpacity,
+        curveTension = areaAttribute.curveTension
       } = area.attribute,
       data = this.valid(area, areaAttribute, fillCb, strokeCb);
     if (!data) return;
@@ -11160,7 +11340,8 @@ let DefaultCanvasAreaRender = class extends BaseRender {
             y: lastTopSeg.endY
           } : index > 1 && (startPoint.x = lastTopSeg.endX, startPoint.y = lastTopSeg.endY);
           const data = calcLineCache(seg.points, curveType, {
-            startPoint: startPoint
+            startPoint: startPoint,
+            curveTension: curveTension
           });
           return lastTopSeg = data, data;
         }).filter(item => !!item);
@@ -11181,7 +11362,9 @@ let DefaultCanvasAreaRender = class extends BaseRender {
               y: null !== (_d = endPoint.y1) && void 0 !== _d ? _d : endPoint.y
             });
           }
-          bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType), bottomCaches.unshift(lastBottomSeg));
+          bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
+            curveTension: curveTension
+          }), bottomCaches.unshift(lastBottomSeg));
         }
         area.cacheArea = bottomCaches.map((item, index) => ({
           top: topCaches[index],
@@ -11196,8 +11379,12 @@ let DefaultCanvasAreaRender = class extends BaseRender {
             x: null !== (_e = points[i].x1) && void 0 !== _e ? _e : points[i].x,
             y: null !== (_f = points[i].y1) && void 0 !== _f ? _f : points[i].y
           });
-          const topCache = calcLineCache(topPoints, curveType),
-            bottomCache = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType);
+          const topCache = calcLineCache(topPoints, curveType, {
+              curveTension: curveTension
+            }),
+            bottomCache = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
+              curveTension: curveTension
+            });
           area.cacheArea = {
             top: topCache,
             bottom: bottomCache
@@ -29175,6 +29362,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.19.19";
+const version = "0.19.20";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.19.19";
+export declare const version = "0.19.20";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.19.19";
+export const version = "0.19.20";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.19\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AAEjC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.20\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './util';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "0.19.19",
+  "version": "0.19.20",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -12,8 +12,8 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vrender-core": "0.19.19",
-    "@visactor/vrender-kits": "0.19.19",
+    "@visactor/vrender-core": "0.19.20",
+    "@visactor/vrender-kits": "0.19.20",
     "@visactor/vutils": "~0.18.10",
     "@visactor/vscale": "~0.18.9"
   },
@@ -30,8 +30,8 @@
     "typescript": "4.9.5",
     "cross-env": "^7.0.3",
     "@internal/bundler": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/eslint-config": "0.0.1"
+    "@internal/eslint-config": "0.0.1",
+    "@internal/ts-config": "0.0.1"
   },
   "keywords": [
     "VisActor",