@visactor/vchart 1.13.13-alpha.0 → 1.13.13-alpha.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 (44) hide show
  1. package/build/es5/index.js +1 -1
  2. package/build/index.es.js +85 -75
  3. package/build/index.js +149 -139
  4. package/build/index.min.js +1 -1
  5. package/build/tsconfig.tsbuildinfo +1 -1
  6. package/cjs/component/brush/brush.js +6 -6
  7. package/cjs/component/brush/brush.js.map +1 -1
  8. package/cjs/component/brush/interface.d.ts +1 -0
  9. package/cjs/component/brush/interface.js.map +1 -1
  10. package/cjs/component/crosshair/base.d.ts +0 -1
  11. package/cjs/component/crosshair/base.js +1 -4
  12. package/cjs/component/crosshair/base.js.map +1 -1
  13. package/cjs/core/index.d.ts +2 -1
  14. package/cjs/core/index.js +5 -4
  15. package/cjs/core/index.js.map +1 -1
  16. package/cjs/plugin/components/tooltip-handler/utils/style.js +4 -4
  17. package/cjs/plugin/components/tooltip-handler/utils/style.js.map +1 -1
  18. package/cjs/series/dot/dot.d.ts +1 -1
  19. package/cjs/series/link/link.d.ts +1 -1
  20. package/cjs/series/sankey/interface.d.ts +2 -0
  21. package/cjs/series/sankey/interface.js.map +1 -1
  22. package/cjs/series/sankey/sankey.d.ts +7 -6
  23. package/cjs/series/sankey/sankey.js +43 -46
  24. package/cjs/series/sankey/sankey.js.map +1 -1
  25. package/esm/component/brush/brush.js +6 -6
  26. package/esm/component/brush/brush.js.map +1 -1
  27. package/esm/component/brush/interface.d.ts +1 -0
  28. package/esm/component/brush/interface.js.map +1 -1
  29. package/esm/component/crosshair/base.d.ts +0 -1
  30. package/esm/component/crosshair/base.js +1 -4
  31. package/esm/component/crosshair/base.js.map +1 -1
  32. package/esm/core/index.d.ts +2 -1
  33. package/esm/core/index.js +3 -1
  34. package/esm/core/index.js.map +1 -1
  35. package/esm/plugin/components/tooltip-handler/utils/style.js +5 -4
  36. package/esm/plugin/components/tooltip-handler/utils/style.js.map +1 -1
  37. package/esm/series/dot/dot.d.ts +1 -1
  38. package/esm/series/link/link.d.ts +1 -1
  39. package/esm/series/sankey/interface.d.ts +2 -0
  40. package/esm/series/sankey/interface.js.map +1 -1
  41. package/esm/series/sankey/sankey.d.ts +7 -6
  42. package/esm/series/sankey/sankey.js +43 -40
  43. package/esm/series/sankey/sankey.js.map +1 -1
  44. package/package.json +5 -5
package/build/index.es.js CHANGED
@@ -64236,7 +64236,7 @@ const registerVChartCore = () => {
64236
64236
  };
64237
64237
  registerVChartCore();
64238
64238
 
64239
- const version = "1.13.13-alpha.0";
64239
+ const version = "1.13.13-alpha.2";
64240
64240
 
64241
64241
  const addVChartProperty = (data, op) => {
64242
64242
  const context = op.beforeCall();
@@ -86530,33 +86530,35 @@ class SankeySeries extends CartesianSeries {
86530
86530
  return (_g = this._colorScale) === null || _g === void 0 ? void 0 : _g.scale(sourceName);
86531
86531
  };
86532
86532
  this._handleEmphasisElement = (params) => {
86533
- var _a, _b, _c, _d, _e;
86533
+ var _a, _b, _c, _d, _e, _f, _g;
86534
86534
  const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
86535
+ const highlightState = (_b = emphasisSpec.highlightState) !== null && _b !== void 0 ? _b : STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS;
86536
+ const blurState = (_c = emphasisSpec.blurState) !== null && _c !== void 0 ? _c : STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE;
86535
86537
  const element = params.item;
86536
86538
  if (emphasisSpec.effect === 'adjacency') {
86537
- if (element && element.mark === ((_b = this._nodeMark) === null || _b === void 0 ? void 0 : _b.getProduct())) {
86538
- this._handleNodeAdjacencyClick(element);
86539
+ if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
86540
+ this._handleNodeAdjacencyClick(element, highlightState, blurState);
86539
86541
  }
86540
- else if (element && element.mark === ((_c = this._linkMark) === null || _c === void 0 ? void 0 : _c.getProduct())) {
86541
- this._handleLinkAdjacencyClick(element);
86542
+ else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
86543
+ this._handleLinkAdjacencyClick(element, highlightState, blurState);
86542
86544
  }
86543
86545
  else {
86544
- this._handleClearEmpty();
86546
+ this._handleClearEmpty(highlightState, blurState);
86545
86547
  }
86546
86548
  }
86547
86549
  else if (emphasisSpec.effect === 'related') {
86548
- if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
86549
- this._handleNodeRelatedClick(element);
86550
+ if (element && element.mark === ((_f = this._nodeMark) === null || _f === void 0 ? void 0 : _f.getProduct())) {
86551
+ this._handleNodeRelatedClick(element, highlightState, blurState);
86550
86552
  }
86551
- else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
86552
- this._handleLinkRelatedClick(element);
86553
+ else if (element && element.mark === ((_g = this._linkMark) === null || _g === void 0 ? void 0 : _g.getProduct())) {
86554
+ this._handleLinkRelatedClick(element, highlightState, blurState);
86553
86555
  }
86554
86556
  else {
86555
- this._handleClearEmpty();
86557
+ this._handleClearEmpty(highlightState, blurState);
86556
86558
  }
86557
86559
  }
86558
86560
  };
86559
- this._handleClearEmpty = () => {
86561
+ this._handleClearEmpty = (highlightState, blurState) => {
86560
86562
  var _a, _b;
86561
86563
  if (!this._needClear) {
86562
86564
  return;
@@ -86569,7 +86571,7 @@ class SankeySeries extends CartesianSeries {
86569
86571
  if (!allLinkElements || !allLinkElements.length) {
86570
86572
  return;
86571
86573
  }
86572
- const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
86574
+ const states = [highlightState, blurState];
86573
86575
  allNodeElements.forEach(el => {
86574
86576
  el.removeState(states);
86575
86577
  });
@@ -86578,7 +86580,7 @@ class SankeySeries extends CartesianSeries {
86578
86580
  });
86579
86581
  this._needClear = false;
86580
86582
  };
86581
- this._handleNodeAdjacencyClick = (element) => {
86583
+ this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
86582
86584
  const nodeDatum = element.getDatum();
86583
86585
  const highlightNodes = [nodeDatum.key];
86584
86586
  if (this._linkMark) {
@@ -86592,28 +86594,28 @@ class SankeySeries extends CartesianSeries {
86592
86594
  if (!highlightNodes.includes(linkDatum.target)) {
86593
86595
  highlightNodes.push(linkDatum.target);
86594
86596
  }
86595
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86596
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86597
+ linkEl.removeState(blurState);
86598
+ linkEl.addState(highlightState);
86597
86599
  }
86598
86600
  else if (linkDatum.target === nodeDatum.key) {
86599
86601
  if (!highlightNodes.includes(linkDatum.source)) {
86600
86602
  highlightNodes.push(linkDatum.source);
86601
86603
  }
86602
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86603
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86604
+ linkEl.removeState(blurState);
86605
+ linkEl.addState(highlightState);
86604
86606
  }
86605
86607
  else {
86606
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86607
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86608
+ linkEl.removeState(highlightState);
86609
+ linkEl.addState(blurState);
86608
86610
  }
86609
86611
  });
86610
86612
  }
86611
86613
  if (this._nodeMark) {
86612
- this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
86614
+ this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
86613
86615
  }
86614
86616
  this._needClear = true;
86615
86617
  };
86616
- this._handleLinkAdjacencyClick = (element) => {
86618
+ this._handleLinkAdjacencyClick = (element, highlightState, blurState) => {
86617
86619
  const curLinkDatum = element.getDatum();
86618
86620
  const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
86619
86621
  if (this._linkMark) {
@@ -86623,21 +86625,21 @@ class SankeySeries extends CartesianSeries {
86623
86625
  }
86624
86626
  allLinkElements.forEach(linkEl => {
86625
86627
  if (linkEl === element) {
86626
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86627
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
86628
+ linkEl.removeState(blurState);
86629
+ linkEl.addState(highlightState, { ratio: 1 });
86628
86630
  }
86629
86631
  else {
86630
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86631
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86632
+ linkEl.removeState(highlightState);
86633
+ linkEl.addState(blurState, { ratio: 1 });
86632
86634
  }
86633
86635
  });
86634
86636
  }
86635
86637
  if (this._nodeMark) {
86636
- this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
86638
+ this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
86637
86639
  }
86638
86640
  this._needClear = true;
86639
86641
  };
86640
- this._handleNodeRelatedClick = (element) => {
86642
+ this._handleNodeRelatedClick = (element, highlightState, blurState) => {
86641
86643
  var _a;
86642
86644
  const nodeDatum = element.getDatum();
86643
86645
  const allNodeElements = this._nodeMark.getProductElements();
@@ -86740,17 +86742,17 @@ class SankeySeries extends CartesianSeries {
86740
86742
  allLinkElements.forEach((linkEl, i) => {
86741
86743
  var _a;
86742
86744
  if (highlightLinks.includes((_a = linkEl.getDatum().key) !== null && _a !== void 0 ? _a : linkEl.getDatum().index)) {
86743
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86744
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86745
+ linkEl.removeState(blurState);
86746
+ linkEl.addState(highlightState);
86745
86747
  }
86746
86748
  else {
86747
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86748
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86749
+ linkEl.removeState(highlightState);
86750
+ linkEl.addState(blurState);
86749
86751
  }
86750
86752
  });
86751
86753
  }
86752
86754
  if (this._nodeMark) {
86753
- this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
86755
+ this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
86754
86756
  }
86755
86757
  }
86756
86758
  else {
@@ -86793,8 +86795,8 @@ class SankeySeries extends CartesianSeries {
86793
86795
  return (sum += d.value);
86794
86796
  }, 0);
86795
86797
  const ratio = val / linkDatum.value;
86796
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86797
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
86798
+ linkEl.removeState(blurState);
86799
+ linkEl.addState(highlightState, { ratio });
86798
86800
  return;
86799
86801
  }
86800
86802
  if (upSelectedLink) {
@@ -86804,21 +86806,21 @@ class SankeySeries extends CartesianSeries {
86804
86806
  if (!highlightNodes.includes(linkDatum.target)) {
86805
86807
  highlightNodes.push(linkDatum.target);
86806
86808
  }
86807
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86808
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
86809
+ linkEl.removeState(blurState);
86810
+ linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
86809
86811
  return;
86810
86812
  }
86811
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86812
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86813
+ linkEl.removeState(highlightState);
86814
+ linkEl.addState(blurState);
86813
86815
  return;
86814
86816
  });
86815
86817
  if (this._nodeMark) {
86816
- this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
86818
+ this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
86817
86819
  }
86818
86820
  }
86819
86821
  this._needClear = true;
86820
86822
  };
86821
- this._handleLinkRelatedClick = (element) => {
86823
+ this._handleLinkRelatedClick = (element, highlightState, blurState) => {
86822
86824
  var _a;
86823
86825
  const allNodeElements = this._nodeMark.getProductElements();
86824
86826
  if (!allNodeElements || !allNodeElements.length) {
@@ -86830,7 +86832,7 @@ class SankeySeries extends CartesianSeries {
86830
86832
  }
86831
86833
  const father = ((_a = element.getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
86832
86834
  if (father === 'source') {
86833
- const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
86835
+ const states = [highlightState, blurState];
86834
86836
  if (this._linkMark) {
86835
86837
  allLinkElements.forEach(linkEl => {
86836
86838
  linkEl.removeState(states);
@@ -86872,8 +86874,8 @@ class SankeySeries extends CartesianSeries {
86872
86874
  const linkDatum = linkEl.getDatum();
86873
86875
  const originalDatum = linkDatum.datum;
86874
86876
  if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
86875
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86876
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
86877
+ linkEl.removeState(blurState);
86878
+ linkEl.addState(highlightState, { ratio: 1 });
86877
86879
  return;
86878
86880
  }
86879
86881
  const selectedDatum = originalDatum
@@ -86900,8 +86902,8 @@ class SankeySeries extends CartesianSeries {
86900
86902
  return (sum += d.value);
86901
86903
  }, 0);
86902
86904
  const ratio = val / linkDatum.value;
86903
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86904
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
86905
+ linkEl.removeState(blurState);
86906
+ linkEl.addState(highlightState, { ratio });
86905
86907
  return;
86906
86908
  }
86907
86909
  const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
@@ -86912,22 +86914,22 @@ class SankeySeries extends CartesianSeries {
86912
86914
  if (!highlightNodes.includes(linkDatum.target)) {
86913
86915
  highlightNodes.push(linkDatum.target);
86914
86916
  }
86915
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86916
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
86917
+ linkEl.removeState(blurState);
86918
+ linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
86917
86919
  return;
86918
86920
  }
86919
- linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
86920
- linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
86921
+ linkEl.removeState(highlightState);
86922
+ linkEl.addState(blurState);
86921
86923
  return;
86922
86924
  });
86923
- this._highLightElements(allNodeElements, highlightNodes);
86925
+ this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
86924
86926
  }
86925
86927
  this._needClear = true;
86926
86928
  };
86927
86929
  }
86928
86930
  get direction() {
86929
- var _a;
86930
- return (_a = this._spec.direction) !== null && _a !== void 0 ? _a : 'horizontal';
86931
+ var _a, _b;
86932
+ return (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.direction) !== null && _b !== void 0 ? _b : 'horizontal';
86931
86933
  }
86932
86934
  getCategoryField() {
86933
86935
  return this._categoryField;
@@ -87200,11 +87202,15 @@ class SankeySeries extends CartesianSeries {
87200
87202
  }
87201
87203
  }
87202
87204
  initEvent() {
87203
- var _a, _b, _c;
87205
+ var _a, _b;
87204
87206
  super.initEvent();
87205
87207
  (_a = this._nodesSeriesData.getDataView()) === null || _a === void 0 ? void 0 : _a.target.addListener('change', this.nodesSeriesDataUpdate.bind(this));
87206
87208
  (_b = this._linksSeriesData.getDataView()) === null || _b === void 0 ? void 0 : _b.target.addListener('change', this.linksSeriesDataUpdate.bind(this));
87207
- const emphasisSpec = (_c = this._spec.emphasis) !== null && _c !== void 0 ? _c : {};
87209
+ this._initEmphasisEvent();
87210
+ }
87211
+ _initEmphasisEvent() {
87212
+ var _a;
87213
+ const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
87208
87214
  if (this._option.disableTriggerEvent !== true) {
87209
87215
  if (emphasisSpec.enable && (emphasisSpec.effect === 'adjacency' || emphasisSpec.effect === 'related')) {
87210
87216
  const event = emphasisSpec.trigger === 'hover' ? 'pointerover' : 'pointerdown';
@@ -87220,17 +87226,17 @@ class SankeySeries extends CartesianSeries {
87220
87226
  linksSeriesDataUpdate() {
87221
87227
  this._linksSeriesData.updateData();
87222
87228
  }
87223
- _highLightElements(vGrammarElements, highlightNodes) {
87229
+ _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
87224
87230
  if (!vGrammarElements || !vGrammarElements.length) {
87225
87231
  return;
87226
87232
  }
87227
87233
  vGrammarElements.forEach(el => {
87228
- el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
87234
+ el.removeState([blurState, highlightState]);
87229
87235
  if (highlightNodes.includes(el.getDatum().key)) {
87230
- el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
87236
+ el.addState(highlightState);
87231
87237
  }
87232
87238
  else {
87233
- el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
87239
+ el.addState(blurState);
87234
87240
  }
87235
87241
  });
87236
87242
  }
@@ -95146,10 +95152,8 @@ class BaseCrossHair extends BaseComponent {
95146
95152
  this.event.off(eventName, handler);
95147
95153
  }
95148
95154
  }
95149
- updateLayoutAttribute() {
95150
- this._limitBounds = null;
95151
- }
95152
95155
  onBeforeRender() {
95156
+ this._limitBounds = null;
95153
95157
  this._showDefaultCrosshair();
95154
95158
  }
95155
95159
  calculateTriggerPoint(params) {
@@ -100963,6 +100967,7 @@ class Brush extends BaseComponent {
100963
100967
  var _a;
100964
100968
  this._setRegionMarkPickable(region, true);
100965
100969
  const { operateMask } = e.detail;
100970
+ const { updateElementsState = true } = this._spec;
100966
100971
  if ((_a = this._spec) === null || _a === void 0 ? void 0 : _a.onBrushEnd) {
100967
100972
  if (this._spec.onBrushEnd(e) === true) {
100968
100973
  this.clearGraphic();
@@ -100976,7 +100981,7 @@ class Brush extends BaseComponent {
100976
100981
  }
100977
100982
  else {
100978
100983
  const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
100979
- if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
100984
+ if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
100980
100985
  this._setAxisAndDataZoom(operateMask, region);
100981
100986
  }
100982
100987
  this._emitEvent(ChartEvent.brushEnd, region);
@@ -100985,8 +100990,9 @@ class Brush extends BaseComponent {
100985
100990
  brush.addEventListener(IOperateType.moveEnd, (e) => {
100986
100991
  this._setRegionMarkPickable(region, true);
100987
100992
  const { operateMask } = e.detail;
100993
+ const { updateElementsState = true } = this._spec;
100988
100994
  const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
100989
- if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
100995
+ if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
100990
100996
  this._setAxisAndDataZoom(operateMask, region);
100991
100997
  }
100992
100998
  this._emitEvent(ChartEvent.brushEnd, region);
@@ -101028,8 +101034,11 @@ class Brush extends BaseComponent {
101028
101034
  }
101029
101035
  _handleBrushChange(region, e) {
101030
101036
  const { operateMask } = e.detail;
101031
- this._reconfigItem(operateMask, region);
101032
- this._reconfigLinkedItem(operateMask, region);
101037
+ const { updateElementsState = true } = this._spec;
101038
+ if (updateElementsState) {
101039
+ this._reconfigItem(operateMask, region);
101040
+ this._reconfigLinkedItem(operateMask, region);
101041
+ }
101033
101042
  }
101034
101043
  _extendDataInBrush(elementsMap) {
101035
101044
  var _a, _b;
@@ -103006,14 +103015,15 @@ const getDomStyle = (spec = {}) => {
103006
103015
  const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';
103007
103016
  if (align === 'right') {
103008
103017
  panelStyle.direction = 'rtl';
103009
- titleStyle.textAlign = 'right';
103010
- keyStyle.textAlign = 'right';
103011
- valueStyle.textAlign = 'left';
103012
103018
  }
103013
- else {
103014
- titleStyle.textAlign = 'left';
103015
- keyStyle.textAlign = 'left';
103016
- valueStyle.textAlign = 'right';
103019
+ if (isNil$1(titleStyle.textAlign)) {
103020
+ titleStyle.textAlign = align === 'right' ? 'right' : 'left';
103021
+ }
103022
+ if (isNil$1(keyStyle.textAlign)) {
103023
+ keyStyle.textAlign = align === 'right' ? 'right' : 'left';
103024
+ }
103025
+ if (isNil$1(valueStyle.textAlign)) {
103026
+ valueStyle.textAlign = align === 'right' ? 'left' : 'right';
103017
103027
  }
103018
103028
  shapeStyle[marginKey] = getPixelPropertyStr((_b = shape.spacing) !== null && _b !== void 0 ? _b : DEFAULT_SHAPE_SPACING);
103019
103029
  keyStyle[marginKey] = getPixelPropertyStr((_c = keyLabel.spacing) !== null && _c !== void 0 ? _c : DEFAULT_KEY_SPACING);
@@ -104567,4 +104577,4 @@ const registerMediaQuery = () => {
104567
104577
  registerChartPlugin(MediaQuery);
104568
104578
  };
104569
104579
 
104570
- export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PictogramChart, PictogramSeries, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, alternatingWave, builtinThemes, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, functionTransform, getActualColor, getCartesianDimensionInfo, getColorSchemeBySeries, getDataScheme, getFieldAlias, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, mergeFields, particleEffect, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPictogramChart, registerPictogramSeries, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };
104580
+ export { Arc3dMark, ArcMark, AreaChart, AreaMark, AreaSeries, AxisSyncPlugin, Bar3dChart, Bar3dSeries, BarChart, BarSeries, BaseChart, BaseChartSpecTransformer, BaseMark, BaseSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, ComponentMark, ComposedEventMapper, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, DiscreteLegend, DomTooltipHandler, DotSeries, Event$1 as Event, Factory$1 as Factory, FormatterPlugin, Funnel3dChart, Funnel3dSeries, FunnelChart, FunnelSeries, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, Histogram3dChart, HistogramChart, ImageMark, Indicator, Label, Layout$1 as Layout, Layout3d, LineChart, LineMark, LineSeries, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapLabelComponent, MapSeries, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PictogramChart, PictogramSeries, Pie3dChart, Pie3dSeries, PieChart, PieSeries, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, ProgressLikeSeries, Pyramid3dMark, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumn3dChart, RangeColumn3dSeries, RangeColumnChart, RangeColumnSeries, Rect3dMark, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, STATE_VALUE_ENUM, STATE_VALUE_ENUM_REVERSE, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager$1 as ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TreemapChart, TreemapSeries, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloud3dChart, WordCloud3dSeries, WordCloudChart, WordCloudSeries, alternatingWave, builtinThemes, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme$1 as darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, functionTransform, getActualColor, getCartesianDimensionInfo, getColorSchemeBySeries, getDataScheme, getFieldAlias, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getTheme, hasThemeMerged, isColorKey, isProgressiveDataColorScheme, isTokenKey, lightTheme, mergeFields, particleEffect, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, register3DPlugin, registerAllEnv, registerAllMarks, registerAnimate, registerArc3dMark, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBar3dChart, registerBar3dSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomMark, registerDataZoom, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerFormatPlugin, registerFunnel3dChart, registerFunnel3dSeries, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogram3dChart, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLayout3d, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapLabel, registerMapSeries, registerMarkArea, registerMarkLine, registerMarkPoint, registerMediaQuery, registerMorph, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPictogramChart, registerPictogramSeries, registerPie3dChart, registerPie3dSeries, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonMark, registerPoptip, registerPyramid3dMark, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumn3dChart, registerRangeColumn3dSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRect3dMark, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloud3dChart, registerWordCloud3dSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, version, vglobal };