@visactor/vchart 1.11.10-alpha.3 → 1.11.10

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.
package/build/index.js CHANGED
@@ -18641,21 +18641,23 @@
18641
18641
  }
18642
18642
  updateLineAABBBoundsByPoints(attribute, lineTheme, aabbBounds, graphic) {
18643
18643
  const {
18644
- points = lineTheme.points
18644
+ points = lineTheme.points,
18645
+ connectedType: connectedType
18645
18646
  } = attribute,
18646
18647
  b = aabbBounds;
18647
18648
  return points.forEach(p => {
18648
- b.add(p.x, p.y);
18649
+ !1 === p.defined && "zero" !== connectedType || b.add(p.x, p.y);
18649
18650
  }), b;
18650
18651
  }
18651
18652
  updateLineAABBBoundsBySegments(attribute, lineTheme, aabbBounds, graphic) {
18652
18653
  const {
18653
- segments = lineTheme.segments
18654
+ segments = lineTheme.segments,
18655
+ connectedType: connectedType
18654
18656
  } = attribute,
18655
18657
  b = aabbBounds;
18656
18658
  return segments.forEach(s => {
18657
18659
  s.points.forEach(p => {
18658
- b.add(p.x, p.y);
18660
+ !1 === p.defined && "zero" !== connectedType || b.add(p.x, p.y);
18659
18661
  });
18660
18662
  }), b;
18661
18663
  }
@@ -31383,7 +31385,11 @@
31383
31385
  width: textShape.AABBBounds.width(),
31384
31386
  height: textShape.AABBBounds.height()
31385
31387
  }), "rect");
31386
- isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), this._bgRect = bgRect;
31388
+ if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
31389
+ const customShape = backgroundStyle.customShape;
31390
+ bgRect.pathProxy = attrs => customShape(text, attrs, new CustomPath2D());
31391
+ }
31392
+ this._bgRect = bgRect;
31387
31393
  }
31388
31394
  } else {
31389
31395
  const textAttrs = Object.assign(Object.assign({
@@ -31467,7 +31473,11 @@
31467
31473
  width: tagWidth,
31468
31474
  height: tagHeight
31469
31475
  }), "rect");
31470
- isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), this._bgRect = bgRect;
31476
+ if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
31477
+ const customShape = backgroundStyle.customShape;
31478
+ bgRect.pathProxy = attrs => customShape(text, attrs, new CustomPath2D());
31479
+ }
31480
+ this._bgRect = bgRect;
31471
31481
  }
31472
31482
  }
31473
31483
  this._textShape = textShape;
@@ -39760,7 +39770,8 @@
39760
39770
  this._targetItem && (this._targetItem.setAttributes(Object.assign({
39761
39771
  x: position.x,
39762
39772
  y: position.y,
39763
- visible: null !== (_a = targetItem.visible) && void 0 !== _a && _a
39773
+ visible: null !== (_a = targetItem.visible) && void 0 !== _a && _a,
39774
+ size: targetItem.size
39764
39775
  }, targetItem.style)), this._targetItem.states = merge$2({}, DEFAULT_STATES$2, null === (_b = this.attribute.state) || void 0 === _b ? void 0 : _b.targetItem));
39765
39776
  }
39766
39777
  setAllOfItemsAttr(newPosition, newItemPosition) {
@@ -39797,7 +39808,7 @@
39797
39808
  this.setTargetItemAttributes(targetSymbol, position), this.setItemLineAttr(itemLine, newPosition, newItemPosition), this.setItemAttributes(this._item, itemContent, newPosition, newItemPosition, type), this.setDecorativeLineAttr(itemLine, newItemPosition, null === (_a = itemLine.decorativeLine) || void 0 === _a ? void 0 : _a.visible);
39798
39809
  }
39799
39810
  computeNewPositionAfterTargetItem(position) {
39800
- var _a;
39811
+ var _a, _b;
39801
39812
  const {
39802
39813
  itemContent = {},
39803
39814
  targetSymbol: targetSymbol
@@ -39812,7 +39823,7 @@
39812
39823
  visible: targetItemvisible = !1,
39813
39824
  size: targetSymbolSize
39814
39825
  } = targetSymbol,
39815
- targetSize = targetItemvisible ? targetSymbolSize || (null !== (_a = targetSymbolStyle.size) && void 0 !== _a ? _a : 10) : 0,
39826
+ targetSize = targetItemvisible ? null !== (_b = null !== (_a = targetSymbolStyle.size) && void 0 !== _a ? _a : targetSymbolSize) && void 0 !== _b ? _b : 20 : 0,
39816
39827
  targetOffsetAngle = deltaXYToAngle(itemContentOffsetY, itemContentOffsetX);
39817
39828
  return {
39818
39829
  newPosition: {
@@ -40266,7 +40277,8 @@
40266
40277
  startX: startX,
40267
40278
  startY: startY,
40268
40279
  pages: pages
40269
- } = this._itemContext;
40280
+ } = this._itemContext,
40281
+ lastItemWidth = 0;
40270
40282
  for (let index = startIndex, len = legendItems.length; index < len && !(lazyload && pages > this._itemContext.currentPage * maxPages); index++) {
40271
40283
  lazyload && (this._itemContext.startIndex = index + 1), item = legendItems[index], item.id || (item.id = item.label), item.index = index;
40272
40284
  let isSelected = !0;
@@ -40277,10 +40289,10 @@
40277
40289
  this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (isValid$1(maxWidth) && (isScrollbar && autoPage ? (pages = Math.ceil((startX + itemWidth) / maxWidth), doWrap = pages > 1) : startX + itemWidth > maxWidth && (doWrap = !0, startX > 0 && (pages += 1, startX = 0, startY += itemHeight + spaceRow))), 0 === startX && 0 === startY || itemGroup.setAttributes({
40278
40290
  x: startX,
40279
40291
  y: startY
40280
- }), startX += spaceCol + itemWidth) : (isValid$1(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
40292
+ }), startX += spaceCol + itemWidth) : (isValid$1(maxHeight) && (isScrollbar && autoPage ? (pages = Math.ceil((startY + itemHeight) / maxHeight), doWrap = pages > 1) : maxHeight <= itemHeight ? (pages += 1, doWrap = !0, startY = 0, index > 0 && (startX += lastItemWidth + spaceCol)) : maxHeight < startY + itemHeight && (pages += 1, doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0)), 0 === startX && 0 === startY || itemGroup.setAttributes({
40281
40293
  x: startX,
40282
40294
  y: startY
40283
- }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup);
40295
+ }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup), lastItemWidth = itemWidth;
40284
40296
  }
40285
40297
  return this._itemContext.doWrap = doWrap, this._itemContext.startX = startX, this._itemContext.startY = startY, this._itemContext.maxWidthInCol = maxWidthInCol, this._itemContext.pages = pages, this._itemContext.maxPages = maxPages, isScrollbar && (this._itemContext.totalPage = pages), lazyload || (this._itemContext.startIndex = legendItems.length), this._itemContext;
40286
40298
  }
@@ -43827,6 +43839,7 @@
43827
43839
  immediatelyApply: !0
43828
43840
  };
43829
43841
  const DefaultAnimationParameters = "VGRAMMAR_ANIMATION_PARAMETERS";
43842
+ const MARK_OVERLAP_HIDE_KEY = "_mo_hide_";
43830
43843
 
43831
43844
  function parseReference(dependency, view) {
43832
43845
  return array(dependency).reduce((refs, dep) => {
@@ -44354,9 +44367,20 @@
44354
44367
  }
44355
44368
  function parseCollectionMarkAttributes(itemNextAttrs) {
44356
44369
  const result = {};
44357
- return itemNextAttrs ? (Object.keys(itemNextAttrs).forEach(key => {
44358
- "x" !== key && "y" !== key && "x1" !== key && "y1" !== key && "defined" !== key && "size" !== key && "width" !== key && "height" !== key && "context" !== key && (result[key] = itemNextAttrs[key]);
44359
- }), result) : result;
44370
+ if (!itemNextAttrs) return result;
44371
+ const skipKeys = ["x", "y", "x1", "y1", "defined", "size", "width", "height", "context"];
44372
+ return Object.keys(itemNextAttrs).forEach(key => {
44373
+ skipKeys.includes(key) || (result[key] = itemNextAttrs[key]);
44374
+ }), result;
44375
+ }
44376
+ function removeSegmentAttrs(itemNextAttrs, element) {
44377
+ var _a;
44378
+ if (!itemNextAttrs || !itemNextAttrs.segments || !itemNextAttrs.segments.length) return itemNextAttrs;
44379
+ const segmentKeys = "area" === (null === (_a = null == element ? void 0 : element.mark) || void 0 === _a ? void 0 : _a.markType) ? ["fillOpacity", "strokeOpacity"] : ["strokeOpacity"],
44380
+ result = {};
44381
+ return Object.keys(itemNextAttrs).forEach(key => {
44382
+ segmentKeys.includes(key) || (result[key] = itemNextAttrs[key]);
44383
+ }), result;
44360
44384
  }
44361
44385
 
44362
44386
  let Element$1 = class Element {
@@ -44442,7 +44466,7 @@
44442
44466
  encodeGraphic(attrs) {
44443
44467
  this.coordinateTransformEncode(this.items);
44444
44468
  const graphicAttributes = this.transformElementItems(this.items, this.mark.markType);
44445
- attrs && Object.assign(graphicAttributes, attrs), this.graphicItem ? (this.graphicItem.clearStates(), this.graphicItem.states = {}, this.graphicItem.stateProxy = null, this.applyGraphicAttributes(graphicAttributes)) : this.initGraphicItem(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || this.useStates(this.states), this.mark.markType === GrammarMarkType.shape && (this.graphicItem.datum = this.items[0].datum), this.items.forEach(item => {
44469
+ attrs && Object.assign(graphicAttributes, attrs), this.graphicItem ? (this.graphicItem.clearStates(), this.graphicItem.states = {}, this.graphicItem.stateProxy = null, MARK_OVERLAP_HIDE_KEY in this.graphicItem.attribute && "visible" in graphicAttributes && delete this.graphicItem.attribute[MARK_OVERLAP_HIDE_KEY], this.applyGraphicAttributes(graphicAttributes)) : this.initGraphicItem(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || this.useStates(this.states), this.mark.markType === GrammarMarkType.shape && (this.graphicItem.datum = this.items[0].datum), this.items.forEach(item => {
44446
44470
  item.nextAttrs = {};
44447
44471
  }), this._setCustomizedShape();
44448
44472
  }
@@ -44564,7 +44588,7 @@
44564
44588
  } else if (enableSegments) {
44565
44589
  const points = linePoints && 0 !== linePoints.length ? linePoints : getLinePointsFromSegments(lastSegments),
44566
44590
  segments = getLineSegmentConfigs(itemNextAttrs, points, this);
44567
- segments ? (nextAttrs.segments = segments, nextAttrs.points = null) : (nextAttrs.segments = null, nextAttrs.points = points);
44591
+ segments ? (nextAttrs.segments = segments, nextAttrs.points = null) : (nextAttrs.segments = null, nextAttrs.points = points), nextAttrs = removeSegmentAttrs(nextAttrs, this);
44568
44592
  } else nextAttrs.points = linePoints, nextAttrs.segments = null;
44569
44593
  } else markType === GrammarMarkType.largeRects ? nextAttrs.points = getLargeRectsPoints(items, !0, lastPoints) : markType === GrammarMarkType.largeSymbols && (nextAttrs.points = getLargeSymbolsPoints(items, !0, lastPoints));
44570
44594
  }
@@ -46218,8 +46242,9 @@
46218
46242
  }
46219
46243
  encodeGraphic() {
46220
46244
  this.coordinateTransformEncode(this.items);
46221
- const graphicAttributes = this.transformElementItems(this.items, this.mark.markType);
46222
- this.graphicItem || this.initGraphicItem(), this.diffState === DiffState.enter ? (this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!0), this.applyGraphicAttributes(graphicAttributes), this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1)) : this.applyGraphicAttributes(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || (Object.values(this.glyphGraphicItems).forEach(graphicItem => {
46245
+ const graphicAttributes = this.transformElementItems(this.items, this.mark.markType),
46246
+ isGraphicInit = !this.graphicItem;
46247
+ this.graphicItem || this.initGraphicItem(), this.diffState === DiffState.enter || isGraphicInit ? (this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!0), this.applyGraphicAttributes(graphicAttributes), this.graphicItem.onBeforeAttributeUpdate = this._onGlyphAttributeUpdate(!1)) : this.applyGraphicAttributes(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || (Object.values(this.glyphGraphicItems).forEach(graphicItem => {
46223
46248
  graphicItem.states = {};
46224
46249
  }), this.useStates(this.states)), this.items.map(item => {
46225
46250
  item.nextAttrs = {};
@@ -46248,7 +46273,7 @@
46248
46273
  }
46249
46274
  encodeDefault() {
46250
46275
  const defaultEncodeValues = {};
46251
- if (this.diffState === DiffState.enter && this.glyphMeta.getDefaultEncoder()) {
46276
+ if (this.glyphMeta.getDefaultEncoder()) {
46252
46277
  const defaultEncodeResult = this.glyphMeta.getDefaultEncoder().call(null, this.getDatum(), this, this.mark.getGlyphConfig());
46253
46278
  Object.assign(defaultEncodeValues, defaultEncodeResult);
46254
46279
  }
@@ -46604,7 +46629,12 @@
46604
46629
 
46605
46630
  Animate$1.mode |= AnimateMode.SET_ATTR_IMMEDIATELY;
46606
46631
  let GlobalAnimatorId = 0;
46607
- const isCustomAnimateCtor = custom => !isNil$1(custom) && !isNil$1(custom.prototype) && (custom.prototype instanceof ACustomAnimate || "onBind" in custom.prototype && "onStart" in custom.prototype && "onEnd" in custom.prototype && "onUpdate" in custom.prototype);
46632
+ const isCustomAnimateCtor = custom => {
46633
+ var _a;
46634
+ if (isNil$1(custom) || isNil$1(custom.prototype)) return !1;
46635
+ const prototype = null !== (_a = custom.prototype) && void 0 !== _a ? _a : {};
46636
+ return prototype instanceof ACustomAnimate || "onBind" in prototype && "onStart" in prototype && "onEnd" in prototype && "onUpdate" in prototype;
46637
+ };
46608
46638
  class Animator {
46609
46639
  constructor(element, unit, animationOptions) {
46610
46640
  this.id = GlobalAnimatorId++, this.isAnimating = !1, this.runnings = [], this.element = element, this.animationOptions = animationOptions, this.unit = unit;
@@ -48121,8 +48151,7 @@
48121
48151
  const mark = grammar,
48122
48152
  currentNode = this._markNodes.find(node => node.mark === mark);
48123
48153
  this._markNodes.forEach(node => {
48124
- const targetMark = node.mark;
48125
- targetMark.markType === GrammarMarkType.group && targetMark.includesChild(mark, !1) ? (node.children = node.children.filter(n => n !== currentNode), currentNode.parent = null) : mark.markType === GrammarMarkType.group && mark.includesChild(targetMark, !1) && (currentNode.children = currentNode.children.filter(n => n !== node), node.parent = null);
48154
+ node.mark.markType === GrammarMarkType.group && node.children.includes(currentNode) ? (node.children = node.children.filter(n => n !== currentNode), currentNode.parent = null) : mark.markType === GrammarMarkType.group && currentNode.children.includes(node) && (currentNode.children = currentNode.children.filter(n => n !== node), node.parent = null);
48126
48155
  }), this._markNodes = this._markNodes.filter(n => n !== currentNode);
48127
48156
  }
48128
48157
  return this;
@@ -50942,10 +50971,9 @@
50942
50971
  return [];
50943
50972
  };
50944
50973
 
50945
- const HIDE_KEY = "_mo_hide_";
50946
50974
  function reset(elements) {
50947
50975
  return elements.forEach(element => {
50948
- element.getGraphicAttribute(HIDE_KEY) && (element.setGraphicAttribute("visible", !0), element.setGraphicAttribute(HIDE_KEY, !1));
50976
+ element.getGraphicAttribute(MARK_OVERLAP_HIDE_KEY) && (element.setGraphicAttribute("visible", !0), element.setGraphicAttribute(MARK_OVERLAP_HIDE_KEY, !1));
50949
50977
  }), elements;
50950
50978
  }
50951
50979
  function overlapX(elements, delta, deltaMul, useRadius) {
@@ -50958,7 +50986,7 @@
50958
50986
  if (!1 === element.getGraphicAttribute("visible")) return;
50959
50987
  const r = element.getGraphicAttribute("size") / 2,
50960
50988
  currentX = element.getGraphicAttribute("x");
50961
- useDeltaMul && (itemDelta = (r + lastR) * deltaMul), Math.abs(currentX - lastX) < itemDelta + lastR + r ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastX = currentX, lastR = r;
50989
+ useDeltaMul && (itemDelta = (r + lastR) * deltaMul), Math.abs(currentX - lastX) < itemDelta + lastR + r ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(MARK_OVERLAP_HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastX = currentX, lastR = r;
50962
50990
  });
50963
50991
  }
50964
50992
  }
@@ -50972,7 +51000,7 @@
50972
51000
  if (!1 === element.getGraphicAttribute("visible")) return;
50973
51001
  const r = element.getGraphicAttribute("size") / 2,
50974
51002
  currentY = element.getGraphicAttribute("y");
50975
- useDeltaMul && (itemDelta = (r + lastR) * deltaMul), Math.abs(currentY - lastY) < itemDelta + lastR + r ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastY = currentY, lastR = r;
51003
+ useDeltaMul && (itemDelta = (r + lastR) * deltaMul), Math.abs(currentY - lastY) < itemDelta + lastR + r ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(MARK_OVERLAP_HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastY = currentY, lastR = r;
50976
51004
  });
50977
51005
  }
50978
51006
  }
@@ -50989,7 +51017,7 @@
50989
51017
  const r = element.getGraphicAttribute("size") / 2,
50990
51018
  currentX = element.getGraphicAttribute("x"),
50991
51019
  currentY = element.getGraphicAttribute("y");
50992
- useDeltaMul && (itemDelta = (r + lastR) * deltaMul), dis = (lastX - currentX) ** 2 + (lastY - currentY) ** 2, dis < (itemDelta + lastR + r) ** 2 ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastY = currentY, lastR = r;
51020
+ useDeltaMul && (itemDelta = (r + lastR) * deltaMul), dis = (lastX - currentX) ** 2 + (lastY - currentY) ** 2, dis < (itemDelta + lastR + r) ** 2 ? element.getGraphicAttribute("forceShow") || (element.setGraphicAttribute(MARK_OVERLAP_HIDE_KEY, !0), element.setGraphicAttribute("visible", !1)) : lastY = currentY, lastR = r;
50993
51021
  });
50994
51022
  }
50995
51023
  }
@@ -66543,7 +66571,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
66543
66571
  registerComponentPlugin(CanvasTooltipHandler);
66544
66572
  };
66545
66573
 
66546
- const version = "1.11.10-alpha.3";
66574
+ const version = "1.11.10";
66547
66575
 
66548
66576
  const addVChartProperty = (data, op) => {
66549
66577
  const context = op.beforeCall();
@@ -72608,12 +72636,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
72608
72636
  const { axis, value, data } = d;
72609
72637
  const isY = axis.getOrient() === 'left' || axis.getOrient() === 'right';
72610
72638
  data.forEach(d => {
72611
- if (isY) {
72612
- dataFilter[d.series.fieldY[0]] = value;
72613
- }
72614
- else {
72615
- dataFilter[d.series.fieldX[0]] = value;
72616
- }
72639
+ var _a, _b, _c;
72640
+ const field = isY ? d.series.fieldY[0] : d.series.fieldX[0];
72641
+ dataFilter[field] = (_c = (_b = (_a = d.datum) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b[field]) !== null && _c !== void 0 ? _c : value;
72617
72642
  });
72618
72643
  });
72619
72644
  tooltip.showTooltip(dataFilter, opt.showTooltipOption);
@@ -86540,11 +86565,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
86540
86565
  return Math.min(val, (this._viewBox.height - sumGapY) / sumValue);
86541
86566
  }, 1 / 0);else {
86542
86567
  const maxRowCount = columns.reduce((cnt, column) => Math.max(cnt, column.length), 0),
86543
- gapY = Math.min(minNodeHeight > 0 ? Math.max(this.options.nodeGap, minNodeHeight) : this.options.nodeGap, this._viewBox.height / maxRowCount);
86544
- getGapY = () => gapY, this._gapY = gapY, this.options.equalNodeHeight ? forceNodeHeight = this._viewBox.height / maxRowCount - gapY : ky = columns.reduce((val, column) => {
86545
- const sumValue = column.reduce((sum, node) => sum + node.value, 0);
86546
- return Math.min(val, (this._viewBox.height - (column.length - 1) * gapY) / sumValue);
86547
- }, 1 / 0);
86568
+ maxStepHeight = this._viewBox.height / maxRowCount,
86569
+ gapY = Math.min(this.options.nodeGap, maxStepHeight);
86570
+ if (getGapY = () => gapY, this._gapY = gapY, (minNodeHeight + gapY) * maxRowCount > this._viewBox.height && (minNodeHeight = maxStepHeight - gapY), this.options.equalNodeHeight) forceNodeHeight = this._viewBox.height / maxRowCount - gapY;else {
86571
+ const calGapY = minNodeHeight > 0 ? Math.max(gapY, minNodeHeight) : gapY;
86572
+ ky = columns.reduce((val, column) => {
86573
+ const sumValue = column.reduce((sum, node) => sum + node.value, 0);
86574
+ return Math.min(val, (this._viewBox.height - ((column.length - 1) * calGapY + minNodeHeight)) / sumValue);
86575
+ }, 1 / 0);
86576
+ }
86548
86577
  }
86549
86578
  const isStartGap = "start" === this.options.gapPosition,
86550
86579
  isMiddleGap = !isStartGap && "end" !== this.options.gapPosition,
@@ -86577,7 +86606,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
86577
86606
  node.y0 += deltaY * (j + 1), node.y1 += deltaY * (j + 1);
86578
86607
  }
86579
86608
  }
86580
- } else if (deltaY < 0 && nodes.length > 1 && (deltaY /= nodes.length - 1, gapY + deltaY > 0)) {
86609
+ } else if (deltaY < 0 && nodes.length > 1 && (deltaY /= nodes.length - 1, gapY + deltaY >= 0)) {
86581
86610
  gapY += deltaY, this._gapY = Math.min(gapY);
86582
86611
  for (let j = 1, len = nodes.length; j < len; ++j) {
86583
86612
  const node = nodes[j];
@@ -89529,7 +89558,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
89529
89558
  channel: {
89530
89559
  wave: { from: 0, to: 1 },
89531
89560
  height: params.height,
89532
- y: params.y
89561
+ dy: params.dy
89533
89562
  }
89534
89563
  };
89535
89564
  };
@@ -89539,7 +89568,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
89539
89568
  channel: {
89540
89569
  wave: { from: 0, to: 1 },
89541
89570
  height: params.height,
89542
- y: params.y
89571
+ dy: params.dy
89543
89572
  }
89544
89573
  };
89545
89574
  };
@@ -89815,16 +89844,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
89815
89844
  initAnimation() {
89816
89845
  var _a, _b, _c;
89817
89846
  const animationParams = {
89818
- y: {
89819
- from: () => {
89820
- const { y: liquidBackY, size: liquidBackSize } = this._getLiquidBackPosAndSize();
89821
- return liquidBackY + liquidBackSize / 2;
89822
- },
89823
- to: this._getLiquidPosY
89824
- },
89825
89847
  height: {
89826
89848
  from: 0,
89827
- to: this._getLiquidHeight
89849
+ to: () => {
89850
+ return this._getLiquidHeight();
89851
+ }
89852
+ },
89853
+ dy: {
89854
+ from: () => {
89855
+ let liquidY = 0;
89856
+ const { startY: liquidBackStartY, size: liquidBackSize } = this._getLiquidBackPosAndSize();
89857
+ if (this._reverse) {
89858
+ liquidY = liquidBackStartY;
89859
+ }
89860
+ else {
89861
+ liquidY = liquidBackSize + liquidBackStartY;
89862
+ }
89863
+ return liquidY;
89864
+ }
89828
89865
  }
89829
89866
  };
89830
89867
  const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
@@ -97255,7 +97292,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
97255
97292
  };
97256
97293
  }
97257
97294
  if (labelBackground.visible !== false) {
97258
- labelAttrs.panel = Object.assign({ visible: true }, transformStyle(transformToGraphic(labelBackground.style), markerData));
97295
+ labelAttrs.panel = Object.assign({ visible: true, customShape: labelBackground.customShape }, transformStyle(transformToGraphic(labelBackground.style), markerData));
97259
97296
  if (isValid$1(labelBackground.padding)) {
97260
97297
  labelAttrs.padding = normalizePadding$1(labelBackground.padding);
97261
97298
  }