@visactor/vchart 1.5.2-alpha.0 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/build/es5/index.js +1 -1
  2. package/build/index.js +55 -73
  3. package/build/index.min.js +1 -1
  4. package/build/tsconfig.tsbuildinfo +1 -1
  5. package/cjs/chart/polar/progress-like.js +9 -22
  6. package/cjs/chart/polar/progress-like.js.map +1 -1
  7. package/cjs/component/data-zoom/data-zoom/data-zoom.js +4 -0
  8. package/cjs/component/data-zoom/data-zoom/data-zoom.js.map +1 -1
  9. package/cjs/component/geo/geo-coordinate.js +2 -2
  10. package/cjs/component/geo/geo-coordinate.js.map +1 -1
  11. package/cjs/core/index.d.ts +1 -1
  12. package/cjs/core/index.js +1 -1
  13. package/cjs/core/index.js.map +1 -1
  14. package/cjs/core/interface.d.ts +1 -0
  15. package/cjs/core/interface.js.map +1 -1
  16. package/cjs/core/vchart.d.ts +1 -0
  17. package/cjs/core/vchart.js +6 -0
  18. package/cjs/core/vchart.js.map +1 -1
  19. package/cjs/data/transforms/aggregation.js.map +1 -1
  20. package/cjs/layout/base-layout.js +1 -1
  21. package/cjs/layout/index.js +1 -1
  22. package/cjs/layout/interface.js +1 -1
  23. package/cjs/layout/util.js +1 -1
  24. package/cjs/mark/arc-3d.js +1 -1
  25. package/cjs/mark/arc.js +1 -1
  26. package/cjs/mark/area.js +1 -1
  27. package/cjs/mark/box-plot.js +1 -1
  28. package/cjs/series/geo/geo.d.ts +1 -1
  29. package/cjs/series/geo/geo.js +2 -2
  30. package/cjs/series/geo/geo.js.map +1 -1
  31. package/cjs/series/map/map.d.ts +1 -1
  32. package/cjs/series/map/map.js +2 -2
  33. package/cjs/series/map/map.js.map +1 -1
  34. package/cjs/series/map/tooltip-helper.js +2 -2
  35. package/cjs/series/map/tooltip-helper.js.map +1 -1
  36. package/cjs/util/math.js +13 -29
  37. package/cjs/util/math.js.map +1 -1
  38. package/esm/chart/polar/progress-like.js +9 -21
  39. package/esm/chart/polar/progress-like.js.map +1 -1
  40. package/esm/component/data-zoom/data-zoom/data-zoom.js +4 -0
  41. package/esm/component/data-zoom/data-zoom/data-zoom.js.map +1 -1
  42. package/esm/component/geo/geo-coordinate.js +2 -2
  43. package/esm/component/geo/geo-coordinate.js.map +1 -1
  44. package/esm/core/index.d.ts +1 -1
  45. package/esm/core/index.js +1 -1
  46. package/esm/core/index.js.map +1 -1
  47. package/esm/core/interface.d.ts +1 -0
  48. package/esm/core/interface.js.map +1 -1
  49. package/esm/core/vchart.d.ts +1 -0
  50. package/esm/core/vchart.js +6 -0
  51. package/esm/core/vchart.js.map +1 -1
  52. package/esm/data/transforms/aggregation.js +1 -1
  53. package/esm/data/transforms/aggregation.js.map +1 -1
  54. package/esm/layout/base-layout.js +1 -1
  55. package/esm/layout/index.js +1 -1
  56. package/esm/layout/interface.js +1 -1
  57. package/esm/layout/util.js +1 -1
  58. package/esm/mark/arc-3d.js +1 -1
  59. package/esm/mark/arc.js +1 -1
  60. package/esm/mark/area.js +1 -1
  61. package/esm/mark/box-plot.js +1 -1
  62. package/esm/series/geo/geo.d.ts +1 -1
  63. package/esm/series/geo/geo.js +2 -2
  64. package/esm/series/geo/geo.js.map +1 -1
  65. package/esm/series/map/map.d.ts +1 -1
  66. package/esm/series/map/map.js +2 -2
  67. package/esm/series/map/map.js.map +1 -1
  68. package/esm/series/map/tooltip-helper.js +2 -2
  69. package/esm/series/map/tooltip-helper.js.map +1 -1
  70. package/esm/util/math.js +3 -15
  71. package/esm/util/math.js.map +1 -1
  72. package/package.json +5 -5
package/build/index.js CHANGED
@@ -25308,7 +25308,10 @@
25308
25308
  canvasControled: !1 !== params.canvasControled,
25309
25309
  title: params.title || "",
25310
25310
  canvas: params.canvas
25311
- }), this._viewBox = new AABBBounds(), params.viewBox ? this._viewBox.setValue(params.viewBox.x1, params.viewBox.y1, params.viewBox.x2, params.viewBox.y2) : this._viewBox.setValue(0, 0, this.width, this.height), this.state = "normal", this.renderCount = 0, this._subView = !(this._viewBox.width() === this.width && this._viewBox.height() === this.height), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig$1.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
25311
+ }), this._viewBox = new AABBBounds(), params.viewBox ? this._viewBox.setValue(params.viewBox.x1, params.viewBox.y1, params.viewBox.x2, params.viewBox.y2) : this._viewBox.setValue(0, 0, this.width, this.height), this.state = "normal", this.renderCount = 0, this._subView = !(this._viewBox.width() === this.width && this._viewBox.height() === this.height), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig$1.BACKGROUND, this.appendChild(this.layerService.createLayer(this, params.canvas && isString$1(params.canvas) ? {
25312
+ main: !0,
25313
+ canvasId: params.canvas
25314
+ } : {
25312
25315
  main: !0
25313
25316
  })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, this.global.supportEvent && (this.eventSystem = new EventSystem({
25314
25317
  targetElement: this.window,
@@ -26639,34 +26642,10 @@
26639
26642
  return bounds.x1 > x || bounds.x2 < x || bounds.y1 > y || bounds.y2 < y;
26640
26643
  }
26641
26644
  function min(data, field) {
26642
- const initialData = field ? +data[0][field] : +data[0];
26643
- if (!isValidNumber$1(initialData)) {
26644
- warn('invalid data');
26645
- return 0;
26646
- }
26647
- const min = data.reduce((pre, _cur) => {
26648
- const cur = field ? +_cur[field] : +_cur;
26649
- if (isValidNumber$1(cur) && cur < pre) {
26650
- pre = cur;
26651
- }
26652
- return pre;
26653
- }, initialData);
26654
- return min;
26645
+ return minInArray(data.map(d => +d[field]).filter(d => isValidNumber$1(d)));
26655
26646
  }
26656
26647
  function max(data, field) {
26657
- const initialData = field ? +data[0][field] : +data[0];
26658
- if (!isValidNumber$1(initialData)) {
26659
- warn('invalid data');
26660
- return 0;
26661
- }
26662
- const max = data.reduce((pre, _cur) => {
26663
- const cur = field ? +_cur[field] : +_cur;
26664
- if (isValidNumber$1(cur) && cur > pre) {
26665
- pre = cur;
26666
- }
26667
- return pre;
26668
- }, initialData);
26669
- return max;
26648
+ return maxInArray(data.map(d => +d[field]).filter(d => isValidNumber$1(d)));
26670
26649
  }
26671
26650
  function sum(data, field) {
26672
26651
  return data.reduce((pre, _cur) => {
@@ -30421,7 +30400,7 @@
30421
30400
  x2: text.AABBBounds.x2 + dx,
30422
30401
  y1: text.AABBBounds.y1 + dy,
30423
30402
  y2: text.AABBBounds.y2 + dy
30424
- }, void 0, overlapPadding)) {
30403
+ })) {
30425
30404
  text.setAttributes({
30426
30405
  x: text.attribute.x + dx,
30427
30406
  y: text.attribute.y + dy
@@ -34950,10 +34929,10 @@
34950
34929
  }));
34951
34930
  this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, null == labelAttr ? void 0 : labelAttr.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
34952
34931
  const labelSpace = get$1(labelAttr, "space", DEFAULT_LABEL_SPACE);
34953
- if (focusStartX += shapeSize / 2 + shapeSpace + labelShape.AABBBounds.width() + labelSpace, isValid$1(value)) {
34932
+ if (isValid$1(value)) {
34954
34933
  const valueSpace = get$1(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
34955
34934
  valueShape = createText(Object.assign(Object.assign({
34956
- x: focusStartX + labelSpace,
34935
+ x: 0,
34957
34936
  y: 0,
34958
34937
  textAlign: "start",
34959
34938
  textBaseline: "middle",
@@ -34967,13 +34946,13 @@
34967
34946
  labelBounds = labelShape.AABBBounds,
34968
34947
  valueWidth = valueBounds.width(),
34969
34948
  labelWidth = labelBounds.width();
34970
- labelWidth > layoutWidth ? (layoutWidth - valueWidth) / labelWidth > .4 ? labelShape.setAttribute("maxLineWidth", layoutWidth - valueWidth) : (valueShape.setAttribute("maxLineWidth", .5 * layoutWidth), labelShape.setAttribute("maxLineWidth", .5 * layoutWidth)) : valueShape.setAttribute("maxLineWidth", layoutWidth - labelWidth), valueAttr.alignRight && valueShape.setAttributes({
34949
+ labelWidth > layoutWidth ? (layoutWidth - valueWidth) / labelWidth > .4 ? labelShape.setAttribute("maxLineWidth", layoutWidth - valueWidth) : (valueShape.setAttribute("maxLineWidth", .5 * layoutWidth), labelShape.setAttribute("maxLineWidth", .5 * layoutWidth)) : valueShape.setAttribute("maxLineWidth", layoutWidth - labelWidth), valueAttr.alignRight ? valueShape.setAttributes({
34971
34950
  textAlign: "right",
34972
34951
  x: this._itemWidthByUser - shapeSize / 2 - parsedPadding[1] - parsedPadding[3] - focusSpace - valueSpace
34973
- });
34974
- }
34952
+ }) : valueShape.setAttribute("x", labelShape.AABBBounds.x2 + valueSpace);
34953
+ } else valueShape.setAttribute("x", labelShape.AABBBounds.x2 + valueSpace);
34975
34954
  focusStartX = valueShape.AABBBounds.x2 + valueSpace, innerGroup.add(valueShape);
34976
- } else this._itemWidthByUser && labelShape.setAttribute("maxLineWidth", this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - focusSpace);
34955
+ } else this._itemWidthByUser ? (labelShape.setAttribute("maxLineWidth", this._itemWidthByUser - parsedPadding[1] - parsedPadding[3] - shapeSize - shapeSpace - focusSpace), focusStartX = labelShape.AABBBounds.x2 + labelSpace) : focusStartX = labelShape.AABBBounds.x2 + labelSpace;
34977
34956
  focusShape && (focusShape.setAttribute("x", focusStartX), innerGroup.add(focusShape));
34978
34957
  const innerGroupBounds = innerGroup.AABBBounds,
34979
34958
  innerGroupWidth = innerGroupBounds.width(),
@@ -58056,6 +58035,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
58056
58035
  }
58057
58036
  });
58058
58037
  }
58038
+ exportCanvas() {
58039
+ var _a;
58040
+ const stage = this.getStage();
58041
+ if (this._chart && stage) {
58042
+ return stage.toCanvas();
58043
+ }
58044
+ (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError(new ReferenceError(`render is not defined`));
58045
+ return undefined;
58046
+ }
58059
58047
  getImageBuffer() {
58060
58048
  var _a, _b;
58061
58049
  if (this._option.mode !== 'node') {
@@ -58220,7 +58208,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
58220
58208
  };
58221
58209
  registerVChartCore();
58222
58210
 
58223
- const version = "1.5.2-alpha.0";
58211
+ const version = "1.5.2";
58224
58212
 
58225
58213
  class ChartData {
58226
58214
  get dataList() {
@@ -63636,11 +63624,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
63636
63624
  }
63637
63625
  nameToPosition(datum) {
63638
63626
  var _a, _b;
63639
- const name = this._getDatumName(datum);
63627
+ const name = this.getDatumName(datum);
63640
63628
  if (isNil$1(name)) {
63641
63629
  return null;
63642
63630
  }
63643
- const mapData = (_b = (_a = this.getMapViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.filter((data) => this._getDatumName(data) === name)[0];
63631
+ const mapData = (_b = (_a = this.getMapViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.filter((data) => this.getDatumName(data) === name)[0];
63644
63632
  if (isNil$1(mapData)) {
63645
63633
  return null;
63646
63634
  }
@@ -63767,9 +63755,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
63767
63755
  constructor() {
63768
63756
  super(...arguments);
63769
63757
  this.titleValueCallback = (datum) => {
63770
- var _a, _b;
63758
+ var _a;
63771
63759
  const series = this.series;
63772
- return (_a = this._getDimensionData(datum)) !== null && _a !== void 0 ? _a : (_b = datum.properties) === null || _b === void 0 ? void 0 : _b[`${series.getNameProperty()}`];
63760
+ return (_a = this._getDimensionData(datum)) !== null && _a !== void 0 ? _a : series.getDatumName(datum);
63773
63761
  };
63774
63762
  }
63775
63763
  }
@@ -64862,11 +64850,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
64862
64850
  return this._projection.invert(point);
64863
64851
  }
64864
64852
  evaluateProjection(start, size) {
64865
- var _a;
64853
+ var _a, _b;
64866
64854
  const evaluated = this._projection.evaluate(start, size, this.collectFeatures());
64867
64855
  let translate = evaluated.translate();
64868
64856
  const scale = evaluated.scale() * ((_a = this._projectionSpec.zoom) !== null && _a !== void 0 ? _a : 1);
64869
- const center = this._projectionSpec.center;
64857
+ const center = (_b = this._projectionSpec.center) !== null && _b !== void 0 ? _b : evaluated.invert([size[0] / 2, size[1] / 2]);
64870
64858
  center && (translate = [size[0] / 2, size[1] / 2]);
64871
64859
  return { translate, scale, center };
64872
64860
  }
@@ -65014,7 +65002,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
65014
65002
  this._labelMark = labelMark;
65015
65003
  this.setMarkStyle(labelMark, {
65016
65004
  text: (datum) => {
65017
- const text = this._getDatumName(datum);
65005
+ const text = this.getDatumName(datum);
65018
65006
  return text;
65019
65007
  },
65020
65008
  x: (datum) => { var _a; return (_a = this.dataToPosition(datum)) === null || _a === void 0 ? void 0 : _a.x; },
@@ -65112,7 +65100,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
65112
65100
  }
65113
65101
  return [Number.NaN, Number.NaN];
65114
65102
  }
65115
- _getDatumName(datum) {
65103
+ getDatumName(datum) {
65116
65104
  var _a, _b, _c, _d;
65117
65105
  if (datum[this.nameField]) {
65118
65106
  return datum[this.nameField];
@@ -67935,48 +67923,38 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
67935
67923
  return series;
67936
67924
  }
67937
67925
  _transformProgressAxisSpec(spec, angleAxisDefaultSpec, radiusAxisDefaultSpec, angleAxisAppendSpec, radiusAxisAppendSpec) {
67938
- var _a;
67926
+ var _a, _b;
67939
67927
  if (!spec.axes) {
67940
67928
  spec.axes = [];
67941
67929
  }
67942
- const axesPtr = { radius: null, angle: null };
67943
- ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).forEach((axis) => {
67944
- const { orient } = axis;
67945
- if (orient === 'radius') {
67946
- axesPtr.radius = axis;
67947
- }
67948
- if (orient === 'angle') {
67949
- axesPtr.angle = axis;
67950
- }
67951
- });
67952
- if (!axesPtr.angle) {
67953
- axesPtr.angle = angleAxisDefaultSpec;
67954
- spec.axes.push(axesPtr.angle);
67930
+ let radiusAxis = ((_a = spec.axes) !== null && _a !== void 0 ? _a : []).find((axis) => axis.orient === 'radius');
67931
+ let angleAxis = ((_b = spec.axes) !== null && _b !== void 0 ? _b : []).find((axis) => axis.orient === 'angle');
67932
+ if (!angleAxis) {
67933
+ angleAxis = angleAxisDefaultSpec;
67934
+ spec.axes.push(angleAxis);
67955
67935
  }
67956
- if (!axesPtr.radius) {
67957
- axesPtr.radius = radiusAxisDefaultSpec;
67958
- spec.axes.push(axesPtr.radius);
67936
+ if (!radiusAxis) {
67937
+ radiusAxis = radiusAxisDefaultSpec;
67938
+ spec.axes.push(radiusAxis);
67959
67939
  }
67960
- if (isNil$1(axesPtr.angle.type)) {
67961
- axesPtr.angle.type = 'linear';
67940
+ if (isNil$1(angleAxis.type)) {
67941
+ angleAxis.type = 'linear';
67962
67942
  }
67963
- if (isNil$1(axesPtr.radius.type)) {
67964
- axesPtr.radius.type = 'band';
67943
+ if (isNil$1(radiusAxis.type)) {
67944
+ radiusAxis.type = 'band';
67965
67945
  }
67966
- const domain = getLinearAxisSpecDomain(axesPtr.angle, { min: 0, max: 1 });
67967
- if (isNil$1(axesPtr.angle.min)) {
67968
- axesPtr.angle.min = domain.min;
67946
+ const domain = getLinearAxisSpecDomain(angleAxis, { min: 0, max: 1 });
67947
+ if (isNil$1(angleAxis.min)) {
67948
+ angleAxis.min = domain.min;
67969
67949
  }
67970
- if (isNil$1(axesPtr.angle.max)) {
67971
- axesPtr.angle.max = domain.max;
67950
+ if (isNil$1(angleAxis.max)) {
67951
+ angleAxis.max = domain.max;
67972
67952
  }
67973
67953
  if (angleAxisAppendSpec) {
67974
- const newSpec = mergeSpec({}, angleAxisAppendSpec, axesPtr.angle);
67975
- Object.assign(axesPtr.angle, newSpec);
67954
+ Object.assign(angleAxis, mergeSpec({}, angleAxisAppendSpec, angleAxis));
67976
67955
  }
67977
67956
  if (radiusAxisAppendSpec) {
67978
- const newSpec = mergeSpec({}, radiusAxisAppendSpec, axesPtr.radius);
67979
- Object.assign(axesPtr.radius, newSpec);
67957
+ Object.assign(radiusAxis, mergeSpec({}, radiusAxisAppendSpec, radiusAxis));
67980
67958
  }
67981
67959
  }
67982
67960
  }
@@ -86833,6 +86811,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
86833
86811
  size: {
86834
86812
  width: this._computeWidth(),
86835
86813
  height: this._computeHeight()
86814
+ },
86815
+ position: {
86816
+ x: this.getLayoutStartPoint().x,
86817
+ y: this.getLayoutStartPoint().y
86836
86818
  }
86837
86819
  });
86838
86820
  }