@visactor/vchart 1.1.3 → 1.1.4-beta.1

package/build/index.js

@@ -870,7 +870,7 @@
 	const max$3 = Math.max;
 	const min$3 = Math.min;
 	const sin$1 = Math.sin;
-	const sqrt$2 = Math.sqrt;
+	const sqrt$3 = Math.sqrt;
 	const pow$1 = Math.pow;
 	function acos$1(x) {
 	  return x > 1 ? 0 : x < -1 ? pi$1 : Math.acos(x);
@@ -924,13 +924,13 @@
 	}
 	class PointService {
 	  static distancePP(p1, p2) {
-	    return sqrt$2(pow$1(p1.x - p2.x, 2) + pow$1(p1.y - p2.y, 2));
+	    return sqrt$3(pow$1(p1.x - p2.x, 2) + pow$1(p1.y - p2.y, 2));
 	  }
 	  static distanceNN(x, y, x1, y1) {
-	    return sqrt$2(pow$1(x - x1, 2) + pow$1(y - y1, 2));
+	    return sqrt$3(pow$1(x - x1, 2) + pow$1(y - y1, 2));
 	  }
 	  static distancePN(point, x, y) {
-	    return sqrt$2(pow$1(x - point.x, 2) + pow$1(y - point.y, 2));
+	    return sqrt$3(pow$1(x - point.x, 2) + pow$1(y - point.y, 2));
 	  }
 	  static pointAtPP(p1, p2, t) {
 	    return new Point((p2.x - p1.x) * t + p1.x, (p2.y - p1.y) * t + p1.y);
@@ -2681,7 +2681,7 @@
 	var sign$1 = Math.sign || function (x) {
 	  return x > 0 ? 1 : x < 0 ? -1 : 0;
 	};
-	var sqrt$1 = Math.sqrt;
+	var sqrt$2 = Math.sqrt;
 	var tan = Math.tan;
 	function acos(x) {
 	  return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
@@ -2796,7 +2796,7 @@
 
 	// TODO return d
 	function cartesianNormalizeInPlace(d) {
-	  var l = sqrt$1(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
+	  var l = sqrt$2(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
 	  d[0] /= l, d[1] /= l, d[2] /= l;
 	}
 
@@ -3451,7 +3451,7 @@
 	      uu = cartesianDot(u, u),
 	      t2 = w * w - uu * (cartesianDot(A, A) - 1);
 	    if (t2 < 0) return;
-	    var t = sqrt$1(t2),
+	    var t = sqrt$2(t2),
 	      q = cartesianScale(u, (-w - t) / uu);
 	    cartesianAddInPlace(q, A);
 	    q = spherical(q);
@@ -3813,7 +3813,7 @@
 	function centroidPointLine(x, y) {
 	  var dx = x - x0$1,
 	    dy = y - y0$1,
-	    z = sqrt$1(dx * dx + dy * dy);
+	    z = sqrt$2(dx * dx + dy * dy);
 	  X1 += z * (x0$1 + x) / 2;
 	  Y1 += z * (y0$1 + y) / 2;
 	  Z1 += z;
@@ -3835,7 +3835,7 @@
 	function centroidPointRing(x, y) {
 	  var dx = x - x0$1,
 	    dy = y - y0$1,
-	    z = sqrt$1(dx * dx + dy * dy);
+	    z = sqrt$2(dx * dx + dy * dy);
 	  X1 += z * (x0$1 + x) / 2;
 	  Y1 += z * (y0$1 + y) / 2;
 	  Z1 += z;
@@ -3925,7 +3925,7 @@
 	}
 	function lengthPoint(x, y) {
 	  x0 -= x, y0 -= y;
-	  lengthSum.add(sqrt$1(x0 * x0 + y0 * y0));
+	  lengthSum.add(sqrt$2(x0 * x0 + y0 * y0));
 	  x0 = x, y0 = y;
 	}
 	var pathMeasure = lengthStream;
@@ -4128,7 +4128,7 @@
 	      var a = a0 + a1,
 	        b = b0 + b1,
 	        c = c0 + c1,
-	        m = sqrt$1(a * a + b * b + c * c),
+	        m = sqrt$2(a * a + b * b + c * c),
 	        phi2 = asin(c /= m),
 	        lambda2 = abs(abs(c) - 1) < epsilon || abs(lambda0 - lambda1) < epsilon ? (lambda0 + lambda1) / 2 : atan2(b, a),
 	        p = project(lambda2, phi2),
@@ -4331,7 +4331,7 @@
 	    return arguments.length ? (sy = _ ? -1 : 1, recenter()) : sy < 0;
 	  };
 	  projection.precision = function (_) {
-	    return arguments.length ? (projectResample = resample(projectTransform, delta2 = _ * _), reset()) : sqrt$1(delta2);
+	    return arguments.length ? (projectResample = resample(projectTransform, delta2 = _ * _), reset()) : sqrt$2(delta2);
 	  };
 	  projection.fitExtent = function (extent, object) {
 	    return fitExtent(projection, extent, object);
@@ -4394,9 +4394,9 @@
 	  // Are the parallels symmetrical around the Equator?
 	  if (abs(n) < epsilon) return cylindricalEqualAreaRaw(y0);
 	  var c = 1 + sy0 * (2 * n - sy0),
-	    r0 = sqrt$1(c) / n;
+	    r0 = sqrt$2(c) / n;
 	  function project(x, y) {
-	    var r = sqrt$1(c - 2 * n * sin(y)) / n;
+	    var r = sqrt$2(c - 2 * n * sin(y)) / n;
 	    return [r * sin(x *= n), r0 - r * cos(x)];
 	  }
 	  project.invert = function (x, y) {
@@ -4533,7 +4533,7 @@
 	}
 	function azimuthalInvert(angle) {
 	  return function (x, y) {
-	    var z = sqrt$1(x * x + y * y),
+	    var z = sqrt$2(x * x + y * y),
 	      c = angle(z),
 	      sc = sin(c),
 	      cc = cos(c);
@@ -4542,7 +4542,7 @@
 	}
 
 	var azimuthalEqualAreaRaw = azimuthalRaw(function (cxcy) {
-	  return sqrt$1(2 / (1 + cxcy));
+	  return sqrt$2(2 / (1 + cxcy));
 	});
 	azimuthalEqualAreaRaw.invert = azimuthalInvert(function (z) {
 	  return 2 * asin(z / 2);
@@ -4620,7 +4620,7 @@
 	  }
 	  project.invert = function (x, y) {
 	    var fy = f - y,
-	      r = sign$1(n) * sqrt$1(x * x + fy * fy),
+	      r = sign$1(n) * sqrt$2(x * x + fy * fy),
 	      l = atan2(x, abs(fy)) * sign$1(fy);
 	    if (fy * n < 0) l -= pi * sign$1(x) * sign$1(fy);
 	    return [l / n, 2 * atan(pow(f / r, 1 / n)) - halfPi$1];
@@ -4653,7 +4653,7 @@
 	    var gy = g - y,
 	      l = atan2(x, abs(gy)) * sign$1(gy);
 	    if (gy * n < 0) l -= pi * sign$1(x) * sign$1(gy);
-	    return [l / n, g - sign$1(n) * sqrt$1(x * x + gy * gy)];
+	    return [l / n, g - sign$1(n) * sqrt$2(x * x + gy * gy)];
 	  };
 	  return project;
 	}
@@ -4665,7 +4665,7 @@
 	  A2 = -0.081106,
 	  A3 = 0.000893,
 	  A4 = 0.003796,
-	  M = sqrt$1(3) / 2,
+	  M = sqrt$2(3) / 2,
 	  iterations = 12;
 	function equalEarthRaw(lambda, phi) {
 	  var l = asin(M * sin(phi)),
@@ -8652,7 +8652,7 @@
 	  return x;
 	}
 	const generatePow = exponent => x => x < 0 ? -Math.pow(-x, exponent) : Math.pow(x, exponent);
-	const sqrt = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x);
+	const sqrt$1 = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x);
 	const square$3 = x => x < 0 ? -x * x : x * x;
 	const logNegative = x => -Math.log(-x);
 	const expNegative = x => -Math.exp(-x);
@@ -9121,7 +9121,7 @@
 	    return new PowScale().domain(this._domain, !0).range(this._range, !0).unknown(this._unknown).clamp(this.clamp(), null, !0).interpolate(this._interpolate, !0).exponent(this._exponent);
 	  }
 	  rescale(slience) {
-	    return slience || (1 === this._exponent ? (this.transformer = identity$1, this.untransformer = identity$1) : .5 === this._exponent ? (this.transformer = sqrt, this.untransformer = square$3) : (this.transformer = generatePow(this._exponent), this.untransformer = generatePow(1 / this._exponent)), super.rescale()), this;
+	    return slience || (1 === this._exponent ? (this.transformer = identity$1, this.untransformer = identity$1) : .5 === this._exponent ? (this.transformer = sqrt$1, this.untransformer = square$3) : (this.transformer = generatePow(this._exponent), this.untransformer = generatePow(1 / this._exponent)), super.rescale()), this;
 	  }
 	  exponent(_, slience) {
 	    return arguments.length ? (this._exponent = _, this.rescale(slience)) : this._exponent;
@@ -9243,7 +9243,7 @@
 
 	class SqrtScale extends LinearScale {
 	  constructor() {
-	    super(sqrt, square$3), this.type = ScaleEnum.Sqrt;
+	    super(sqrt$1, square$3), this.type = ScaleEnum.Sqrt;
 	  }
 	  clone() {
 	    return new SqrtScale().domain(this._domain, !0).range(this._range, !0).unknown(this._unknown).clamp(this.clamp(), null, !0).interpolate(this._interpolate);
@@ -22427,8 +22427,8 @@
 	          ay = yors - oc[1],
 	          bx = xore - oc[0],
 	          by = yore - oc[1],
-	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$2(ax * ax + ay * ay) * sqrt$2(bx * bx + by * by))) / 2),
-	          lc = sqrt$2(oc[0] * oc[0] + oc[1] * oc[1]);
+	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$3(ax * ax + ay * ay) * sqrt$3(bx * bx + by * by))) / 2),
+	          lc = sqrt$3(oc[0] * oc[0] + oc[1] * oc[1]);
 	        limitedIcr = min$3(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1)), limitedOcr = min$3(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
 	      }
 	    }
@@ -22646,8 +22646,8 @@
 	          ay = yors - oc[1],
 	          bx = xore - oc[0],
 	          by = yore - oc[1],
-	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$2(ax * ax + ay * ay) * sqrt$2(bx * bx + by * by))) / 2),
-	          lc = sqrt$2(oc[0] * oc[0] + oc[1] * oc[1]);
+	          kc = 1 / sin$1(acos$1((ax * bx + ay * by) / (sqrt$3(ax * ax + ay * ay) * sqrt$3(bx * bx + by * by))) / 2),
+	          lc = sqrt$3(oc[0] * oc[0] + oc[1] * oc[1]);
 	        limitedIcr = min$3(maxInnerCornerRadius, (innerRadius - lc) / (kc - 1)), limitedOcr = min$3(maxOuterCornerRadius, (outerRadius - lc) / (kc + 1));
 	      }
 	    }
@@ -23347,7 +23347,7 @@
 	}
 	var star$2 = new StarSymbol();
 
-	const sqrt3$1 = sqrt$2(3);
+	const sqrt3$1 = sqrt$3(3);
 	function arrow(ctx, r, transX, transY) {
 	  const triangleH = r,
 	    trangleBottomSide = triangleH / sqrt3$1,
@@ -23414,8 +23414,8 @@
 	var stroke$1 = new StrokeSymbol();
 
 	const c$1 = -.5,
-	  s = sqrt$2(3) / 2,
-	  k = 1 / sqrt$2(12);
+	  s = sqrt$3(3) / 2,
+	  k = 1 / sqrt$3(12);
 	function wye(ctx, r, transX, transY) {
 	  const x0 = r / 2,
 	    y0 = r * k,
@@ -23511,7 +23511,7 @@
 	}
 	var triangleDown = new TriangleDownSymbol();
 
-	const sqrt3 = sqrt$2(3);
+	const sqrt3 = sqrt$3(3);
 	function thinTriangle(ctx, r, x, y) {
 	  const h = r * sqrt3;
 	  return ctx.moveTo(x, y + -h / 3 * 2), ctx.lineTo(r + x, y + h), ctx.lineTo(x - r, y + h), ctx.closePath(), !0;
@@ -24935,7 +24935,7 @@
 	        padAngle = arcTheme.padAngle
 	      } = this.attribute,
 	      {
-	        padRadius = sqrt$2(outerRadius * outerRadius + innerRadius * innerRadius)
+	        padRadius = sqrt$3(outerRadius * outerRadius + innerRadius * innerRadius)
 	      } = this.attribute,
 	      deltaAngle = abs$1(endAngle - startAngle);
 	    let outerStartAngle = startAngle,
@@ -34587,7 +34587,7 @@
 	  constructor(dir, color) {
 	    let ambient = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : .8;
 	    this.dir = dir, this.color = color, this.colorRgb = colorString.get(color).value, this.colorRgb[0] /= 255, this.colorRgb[1] /= 255, this.colorRgb[2] /= 255, this.ambient = ambient;
-	    const length = sqrt$2(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
+	    const length = sqrt$3(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
 	    this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];
 	  }
 	  computeColor(normal, color) {
@@ -49648,7 +49648,7 @@
 	        isSub = rangeSpec.isSubshaft,
 	        reversed = rangeSpec.reversed,
 	        coordinate = this.parameters()[coord];
-	      return null == coordinate ? void 0 : coordinate.getVisiualPositionByDimension(dim, isSub, reversed);
+	      return null == coordinate ? void 0 : coordinate.getVisualPositionByDimension(dim, isSub, reversed);
 	    }
 	    return null;
 	  }
@@ -50083,7 +50083,7 @@
 	      res = this.isMainDimension(dim) ? [start.x, end.x] : [end.y, start.y];
 	    return reversed ? [res[1], res[0]] : res;
 	  }
-	  getVisiualPositionByDimension(dim, isSubshaft, reversed) {
+	  getVisualPositionByDimension(dim, isSubshaft, reversed) {
 	    return this.isMainDimension(dim) ? isSubshaft ? "top" : "bottom" : isSubshaft ? "right" : "left";
 	  }
 	  getAxisPointsByDimension(dim, isSubshaft, reversed, baseValue) {
@@ -50230,7 +50230,7 @@
 	    const res = this.isMainDimension(dim) ? [this.startAngle, this.endAngle] : [this.innerRadius, this.outerRadius];
 	    return reversed ? [res[1], res[0]] : res;
 	  }
-	  getVisiualPositionByDimension(dim, isSubshaft, reversed) {
+	  getVisualPositionByDimension(dim, isSubshaft, reversed) {
 	    return this.isMainDimension(dim) ? isSubshaft ? "inside" : "outside" : isSubshaft ? "end" : "start";
 	  }
 	  getAxisPointsByDimension(dim, isSubshaft, reversed, baseValue) {
@@ -58110,7 +58110,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.1.3";
+	const version = "1.1.4-beta.1";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -67366,13 +67366,13 @@
 	                    if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {
 	                        return Number.NaN;
 	                    }
-	                    return this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).x;
+	                    return this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : this.radiusScale.domain()[0]).x;
 	                },
 	                y1: (datum) => {
 	                    if (!datum || !this.angleAxisHelper || !this.radiusAxisHelper) {
 	                        return Number.NaN;
 	                    }
-	                    const value = this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : 0).y;
+	                    const value = this.valueToPosition(this.getDatumPositionValues(datum, this._angleField), this._stack ? this.getDatumPositionValues(datum, this._innerRadiusField) : this.radiusScale.domain()[0]).y;
 	                    return value;
 	                },
 	                fill: this.getColorAttribute(),
@@ -69428,8 +69428,9 @@
 	  let fontSize = options.fontSize ? field$1(options.fontSize) : 14;
 	  const fontSizeRange = options.fontSizeRange;
 	  if (fontSizeRange && !isNumber(fontSize)) {
-	    const fsize = fontSize;
-	    fontSize = datum => sqrtScale(fsize(datum), extent$1(fsize, data), fontSizeRange);
+	    const fsize = fontSize,
+	      fontSizeSqrtScale = generateSqrtScale(extent$1(fsize, data), fontSizeRange);
+	    fontSize = datum => fontSizeSqrtScale(fsize(datum));
 	  }
 	  let Layout = CloudLayout;
 	  "fast" === options.layoutType ? Layout = FastLayout : "grid" === options.layoutType && (Layout = GridLayout$1);
@@ -69465,7 +69466,15 @@
 	  } : layout.output();
 	};
 	const field$1 = option => isString(option) || isNumber(option) || isFunction(option) ? option : datum => datum[option.field],
-	  sqrtScale = (datum, domain, range) => (Math.sqrt(datum) - Math.sqrt(domain[0])) / (Math.sqrt(domain[1]) - Math.sqrt(domain[0])) * (range[1] - range[0]) + range[0],
+	  sqrt = x => x < 0 ? -Math.sqrt(-x) : Math.sqrt(x),
+	  generateSqrtScale = (domain, range) => {
+	    if (domain[0] === domain[1]) return datum => range[0];
+	    const s0 = sqrt(domain[0]),
+	      s1 = sqrt(domain[1]),
+	      min = Math.min(s0, s1),
+	      max = Math.max(s0, s1);
+	    return datum => (sqrt(datum) - min) / (max - min) * (range[1] - range[0]) + range[0];
+	  },
 	  extent$1 = (field, data) => {
 	    let min = 1 / 0,
 	      max = -1 / 0;
@@ -70755,15 +70764,11 @@
 	            });
 	        }
 	        const textField = this._spec.word?.formatMethod ? WORD_CLOUD_TEXT : this._nameField;
-	        const srView = this.getCompiler().getVGrammarView();
 	        if (!this._isWordCloudShape) {
 	            wordCloudTransforms.push({
 	                type: 'wordcloud',
 	                layoutType: !isTrueBrowser(this._option.mode) ? 'fast' : this._wordCloudConfig.layoutMode,
-	                size: [
-	                    srView.width() - this._padding?.left || 0 - this._padding?.right || 0,
-	                    srView.height() - this._padding?.top || 0 - this._padding?.bottom || 0
-	                ],
+	                size: [this._region.getLayoutRect().width, this._region.getLayoutRect().height],
 	                shape: this._maskShape,
 	                dataIndexKey: DEFAULT_DATA_KEY,
 	                text: { field: textField },
@@ -70788,7 +70793,7 @@
 	            wordCloudTransforms.push({
 	                type: 'wordcloudShape',
 	                dataIndexKey: DEFAULT_DATA_KEY,
-	                size: [srView.width(), srView.height()],
+	                size: [this._region.getLayoutRect().width, this._region.getLayoutRect().height],
 	                shape: this._maskShape,
 	                text: { field: this._spec.word?.formatMethod ? WORD_CLOUD_TEXT : this._nameField },
 	                fontSize: valueField ? { field: valueField } : this._fontSizeRange[0],
@@ -70863,6 +70868,10 @@
 	    }
 	    setValueFieldToPercent() {
 	    }
+	    onLayoutEnd(ctx) {
+	        super.onLayoutEnd(ctx);
+	        this.compile();
+	    }
 	    updateSpec(spec) {
 	        const originalSpec = this._originalSpec;
 	        const result = super.updateSpec(spec);
@@ -70928,15 +70937,11 @@
 	            });
 	        }
 	        const textField = this._spec.word?.formatMethod ? WORD_CLOUD_TEXT : this._nameField;
-	        const srView = this.getCompiler().getVGrammarView();
 	        if (!this._isWordCloudShape) {
 	            wordCloudTransforms.push({
 	                type: 'wordcloud',
 	                layoutType: this._wordCloudConfig.layoutMode,
-	                size: [
-	                    srView.width() - this._padding?.left || 0 - this._padding?.right || 0,
-	                    srView.height() - this._padding?.top || 0 - this._padding?.bottom || 0
-	                ],
+	                size: [this._region.getLayoutRect().width, this._region.getLayoutRect().height],
 	                shape: this._maskShape,
 	                postProjection: this._spec.postProjection ?? 'StereographicProjection',
 	                dataIndexKey: DEFAULT_DATA_KEY,
@@ -70962,7 +70967,7 @@
 	        else {
 	            wordCloudTransforms.push({
 	                type: 'wordcloudShape',
-	                size: [srView.width(), srView.height()],
+	                size: [this._region.getLayoutRect().width, this._region.getLayoutRect().height],
 	                shape: this._maskShape,
 	                postProjection: this._spec.postProjection ?? 'StereographicProjection',
 	                dataIndexKey: DEFAULT_DATA_KEY,