@visactor/vrender-components 0.20.13-alpha.3 → 0.20.13

package/dist/index.es.js

@@ -2460,6 +2460,14 @@ let ATextMeasure = class {
     return data;
   }
   _clipTextEnd(text, options, width, leftIdx, rightIdx) {
+    if (leftIdx === rightIdx) {
+      Logger.getInstance().warn(`【_clipTextEnd】不应该走到这里${text}, ${leftIdx}, ${rightIdx}`);
+      const subText = text.substring(0, rightIdx + 1);
+      return {
+        str: subText,
+        width: this.measureTextWidth(subText, options)
+      };
+    }
     const middleIdx = Math.floor((leftIdx + rightIdx) / 2),
       subText = text.substring(0, middleIdx + 1),
       strWidth = this.measureTextWidth(subText, options);
@@ -2493,7 +2501,7 @@ let ATextMeasure = class {
   }
   _clipTextStart(text, options, width, leftIdx, rightIdx) {
     const middleIdx = Math.ceil((leftIdx + rightIdx) / 2),
-      subText = text.substring(middleIdx - 1, text.length - 1),
+      subText = text.substring(middleIdx - 1, text.length),
       strWidth = this.measureTextWidth(subText, options);
     let length;
     if (strWidth > width) {
@@ -2501,18 +2509,18 @@ let ATextMeasure = class {
         str: "",
         width: 0
       };
-      const str = text.substring(middleIdx, text.length - 1);
+      const str = text.substring(middleIdx, text.length);
       return length = this.measureTextWidth(str, options), length <= width ? {
         str: str,
         width: length
-      } : this._clipTextStart(text, options, width, middleIdx, text.length - 1);
+      } : this._clipTextStart(text, options, width, middleIdx, text.length);
     }
     if (strWidth < width) {
       if (middleIdx <= 0) return {
         str: text,
         width: this.measureTextWidth(text, options)
       };
-      const str = text.substring(middleIdx - 2, text.length - 1);
+      const str = text.substring(middleIdx - 2, text.length);
       return length = this.measureTextWidth(str, options), length >= width ? {
         str: subText,
         width: strWidth
@@ -17019,7 +17027,7 @@ class LabelBase extends AbstractComponent {
         return listener;
     }
     _smartInvert(labels) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         const option = (isObject(this.attribute.smartInvert) ? this.attribute.smartInvert : {});
         const { textType, contrastRatiosThreshold, alternativeColors, mode, interactInvertType } = option;
         const fillStrategy = (_a = option.fillStrategy) !== null && _a !== void 0 ? _a : 'invertBase';
@@ -17036,8 +17044,15 @@ class LabelBase extends AbstractComponent {
                 continue;
             }
             const baseMark = this.getRelatedGraphic(label.attribute);
-            const backgroundColor = baseMark.attribute.fill;
-            const foregroundColor = label.attribute.fill;
+            let backgroundColor = baseMark.attribute.fill;
+            let foregroundColor = label.attribute.fill;
+            if (isObject(backgroundColor) && backgroundColor.gradient) {
+                const firstStopColor = (_g = (_f = backgroundColor.stops) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.color;
+                if (firstStopColor) {
+                    backgroundColor = firstStopColor;
+                    foregroundColor = firstStopColor;
+                }
+            }
             const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode);
             const similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor;
             const isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds);
@@ -24393,10 +24408,10 @@ class LegendBase extends AbstractComponent {
     render() {
         this.removeAllChild(true);
         const { interactive = true, title, padding = 0 } = this.attribute;
-        const parsedPadding = normalizePadding(padding);
+        this._parsedPadding = normalizePadding(padding);
         const innerView = graphicCreator.group({
-            x: parsedPadding[3],
-            y: parsedPadding[0],
+            x: this._parsedPadding[3],
+            y: this._parsedPadding[0],
             pickable: interactive,
             childrenPickable: interactive
         });
@@ -24412,8 +24427,8 @@ class LegendBase extends AbstractComponent {
             this._bindEvents();
         }
         const viewBounds = this._innerView.AABBBounds;
-        this.attribute.width = viewBounds.width() + parsedPadding[1] + parsedPadding[3];
-        this.attribute.height = viewBounds.height() + parsedPadding[0] + parsedPadding[2];
+        this.attribute.width = viewBounds.width() + this._parsedPadding[1] + this._parsedPadding[3];
+        this.attribute.height = viewBounds.height() + this._parsedPadding[0] + this._parsedPadding[2];
     }
     _renderTitle(title) {
         const { text = '', textStyle, padding = 0, background, minWidth, maxWidth, shape } = title;
@@ -24498,6 +24513,7 @@ class DiscreteLegend extends LegendBase {
         this._itemHeightByUser = undefined;
         this._itemHeight = 0;
         this._itemMaxWidth = 0;
+        this._contentMaxHeight = 0;
         this._onHover = (e) => {
             const target = e.target;
             if (target && target.name && target.name.startsWith(LEGEND_ELEMENT_NAME.item)) {
@@ -24602,11 +24618,12 @@ class DiscreteLegend extends LegendBase {
         });
     }
     _renderItems() {
-        const { item: itemAttrs = {}, maxCol = 1, maxRow = 2, maxWidth, maxHeight, defaultSelected, lazyload, autoPage } = this.attribute;
+        const { item: itemAttrs = {}, maxCol = 1, maxRow = 2, maxWidth, defaultSelected, lazyload, autoPage } = this.attribute;
         const { spaceCol = DEFAULT_ITEM_SPACE_COL, spaceRow = DEFAULT_ITEM_SPACE_ROW } = itemAttrs;
         const itemsContainer = this._itemsContainer;
         const { items: legendItems, isHorizontal, startIndex, isScrollbar } = this._itemContext;
         const maxPages = isScrollbar ? 1 : isHorizontal ? maxRow : maxCol;
+        const maxHeight = this._contentMaxHeight;
         let { doWrap, maxWidthInCol, startX, startY, pages } = this._itemContext;
         let item;
         let lastItemWidth = 0;
@@ -24703,7 +24720,7 @@ class DiscreteLegend extends LegendBase {
         return this._itemContext;
     }
     _renderContent() {
-        const { item = {}, items, reversed, maxWidth } = this.attribute;
+        const { item = {}, items, reversed, maxWidth, maxHeight } = this.attribute;
         if (item.visible === false || isEmpty(items)) {
             return;
         }
@@ -24711,6 +24728,7 @@ class DiscreteLegend extends LegendBase {
         if (reversed) {
             legendItems = items === null || items === void 0 ? void 0 : items.reverse();
         }
+        this._contentMaxHeight = Math.max(0, maxHeight - this._parsedPadding[0] - this._parsedPadding[2]);
         const itemsContainer = graphicCreator.group({
             x: 0,
             y: 0
@@ -24748,7 +24766,8 @@ class DiscreteLegend extends LegendBase {
             items: legendItems,
             isHorizontal,
             totalPage: Infinity,
-            isScrollbar: pager && pager.type === 'scrollbar'
+            isScrollbar: pager && pager.type === 'scrollbar',
+            clipContainer: undefined
         };
         this._itemContext = this._renderItems();
         let pagerRendered = false;
@@ -24769,11 +24788,21 @@ class DiscreteLegend extends LegendBase {
         }
         const { hover = true, select = true } = this.attribute;
         if (hover) {
-            this._itemsContainer.addEventListener('pointermove', this._onHover);
-            this._itemsContainer.addEventListener('pointerleave', this._onUnHover);
+            let trigger = 'pointerdown';
+            let triggerOff = 'pointerleave';
+            if (isObject(hover)) {
+                hover.trigger && (trigger = hover.trigger);
+                hover.triggerOff && (triggerOff = hover.triggerOff);
+            }
+            this._itemsContainer.addEventListener(trigger, this._onHover);
+            this._itemsContainer.addEventListener(triggerOff, this._onUnHover);
         }
         if (select) {
-            this._itemsContainer.addEventListener('pointerdown', this._onClick);
+            let trigger = 'pointerdown';
+            if (isObject(select) && select.trigger) {
+                trigger = select.trigger;
+            }
+            this._itemsContainer.addEventListener(trigger, this._onClick);
         }
     }
     _autoEllipsis(autoEllipsisStrategy, layoutWidth, labelShape, valueShape) {
@@ -24978,8 +25007,8 @@ class DiscreteLegend extends LegendBase {
     _createScrollbar(compStyle, compSize) {
         const { disableTriggerEvent } = this.attribute;
         return this._itemContext.isHorizontal
-            ? new ScrollBar(Object.assign(Object.assign({ direction: 'horizontal', disableTriggerEvent, range: [0, 0.5], height: 12 }, compStyle), { width: compSize }))
-            : new ScrollBar(Object.assign(Object.assign({ direction: 'vertical', width: 12, range: [0, 0.5] }, compStyle), { height: compSize, disableTriggerEvent }));
+            ? new ScrollBar(Object.assign(Object.assign({ direction: 'horizontal', disableTriggerEvent, range: [0, 0.5], height: compStyle.visible === false ? 0 : 12 }, compStyle), { width: compSize }))
+            : new ScrollBar(Object.assign(Object.assign({ direction: 'vertical', width: compStyle.visible === false ? 0 : 12, range: [0, 0.5] }, compStyle), { height: compSize, disableTriggerEvent }));
     }
     _updatePositionOfPager(renderStartY, compWidth, compHeight) {
         const { pager } = this.attribute;
@@ -25019,9 +25048,26 @@ class DiscreteLegend extends LegendBase {
             });
         }
     }
+    _computeScrollbarDelta() {
+        const { isHorizontal, clipContainer } = this._itemContext;
+        const itemContainerBounds = this._itemsContainer.AABBBounds;
+        const clipContainerBounds = clipContainer.AABBBounds;
+        let delta;
+        let innerViewSize;
+        if (isHorizontal) {
+            innerViewSize = clipContainerBounds.width();
+            delta = innerViewSize / itemContainerBounds.width();
+        }
+        else {
+            innerViewSize = clipContainerBounds.height();
+            delta = innerViewSize / itemContainerBounds.height();
+        }
+        return delta;
+    }
     _updatePositionOfScrollbar(contentWidth, contentHeight, renderStartY) {
-        const { currentPage, totalPage, isHorizontal } = this._itemContext;
-        this._pagerComponent.setScrollRange([(currentPage - 1) / totalPage, currentPage / totalPage]);
+        const { isHorizontal, currentPage, totalPage } = this._itemContext;
+        const start = (currentPage - 1) / totalPage;
+        this._pagerComponent.setScrollRange([start, start + this._computeScrollbarDelta()]);
         if (isHorizontal) {
             this._pagerComponent.setAttributes({
                 x: 0,
@@ -25049,13 +25095,7 @@ class DiscreteLegend extends LegendBase {
                     newPage = this._itemContext.totalPage;
                 }
                 else {
-                    newPage = value[0] * this._itemContext.totalPage;
-                    if (pager.scrollByPosition) {
-                        newPage = newPage + 1;
-                    }
-                    else {
-                        newPage = Math.floor(newPage) + 1;
-                    }
+                    newPage = value[0] * this._itemContext.totalPage + 1;
                 }
                 return newPage;
             }
@@ -25069,6 +25109,7 @@ class DiscreteLegend extends LegendBase {
             const { width, height } = scrollComponent.getSliderRenderBounds();
             const currentScrollValue = direction === 'vertical' ? e.deltaY / height : e.deltaX / width;
             scrollComponent.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], true);
+            this.updateScrollMask();
         };
         const onPaging = (e) => {
             const newPage = pageParser(e);
@@ -25080,15 +25121,39 @@ class DiscreteLegend extends LegendBase {
                 this._renderItems();
                 const newTotalPage = Math.ceil(this._itemContext.pages / this._itemContext.maxPages);
                 this._itemContext.totalPage = newTotalPage;
-                this._pagerComponent.setScrollRange([(newPage - 1) / newTotalPage, newPage / newTotalPage]);
+                if (this._itemContext.isScrollbar && this._pagerComponent) {
+                    const newDelta = this._computeScrollbarDelta();
+                    const [start] = this._pagerComponent.getScrollRange();
+                    this._pagerComponent.setScrollRange([start, start + newDelta]);
+                }
             }
-            if (animation) {
-                this._itemsContainer
-                    .animate()
-                    .to({ [channel]: -(newPage - 1) * pageSize }, animationDuration, animationEasing);
+            if (!this._itemContext.isScrollbar) {
+                if (animation) {
+                    this._itemsContainer
+                        .animate()
+                        .to({ [channel]: -(newPage - 1) * pageSize }, animationDuration, animationEasing);
+                }
+                else {
+                    this._itemsContainer.setAttribute(channel, -(newPage - 1) * pageSize);
+                }
             }
             else {
-                this._itemsContainer.setAttribute(channel, -(newPage - 1) * pageSize);
+                const [start] = this._pagerComponent.getScrollRange();
+                let containerSize;
+                if (this._itemContext.isHorizontal) {
+                    containerSize = this._itemsContainer.AABBBounds.width();
+                }
+                else {
+                    containerSize = this._itemsContainer.AABBBounds.height();
+                }
+                const startOffset = containerSize * start;
+                this.updateScrollMask();
+                if (animation) {
+                    this._itemsContainer.animate().to({ [channel]: -startOffset }, animationDuration, animationEasing);
+                }
+                else {
+                    this._itemsContainer.setAttribute(channel, -startOffset);
+                }
             }
         };
         if (this._itemContext.isScrollbar) {
@@ -25107,11 +25172,12 @@ class DiscreteLegend extends LegendBase {
     }
     _renderPager() {
         const renderStartY = this._title ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', 8) : 0;
-        const { maxWidth, maxHeight, maxCol = 1, maxRow = 2, item = {}, pager = {} } = this.attribute;
+        const { maxWidth, maxCol = 1, maxRow = 2, item = {}, pager = {} } = this.attribute;
         const { spaceCol = DEFAULT_ITEM_SPACE_COL, spaceRow = DEFAULT_ITEM_SPACE_ROW } = item;
         const itemsContainer = this._itemsContainer;
         const { space: pagerSpace = DEFAULT_PAGER_SPACE, defaultCurrent = 1 } = pager, compStyle = __rest(pager, ["space", "defaultCurrent"]);
         const { isHorizontal } = this._itemContext;
+        const maxHeight = this._contentMaxHeight;
         let comp;
         let compWidth = 0;
         let compHeight = 0;
@@ -25202,38 +25268,37 @@ class DiscreteLegend extends LegendBase {
         });
         clipGroup.add(itemsContainer);
         this._innerView.add(clipGroup);
+        this._itemContext.clipContainer = clipGroup;
         this._bindEventsOfPager(isHorizontal ? compHeight + spaceRow : compWidth + spaceCol, isHorizontal ? 'y' : 'x');
         return true;
     }
     _renderScrollbar() {
+        var _a;
         const renderStartY = this._title ? this._title.AABBBounds.height() + get(this.attribute, 'title.space', 8) : 0;
-        const { maxWidth, maxHeight, item = {}, pager = {} } = this.attribute;
+        const { maxWidth, item = {}, pager = {} } = this.attribute;
         const { spaceCol = DEFAULT_ITEM_SPACE_COL, spaceRow = DEFAULT_ITEM_SPACE_ROW } = item;
         const itemsContainer = this._itemsContainer;
         const { space: pagerSpace = DEFAULT_PAGER_SPACE, defaultCurrent = 1 } = pager, compStyle = __rest(pager, ["space", "defaultCurrent"]);
         const { isHorizontal } = this._itemContext;
+        const maxHeight = this._contentMaxHeight;
         let comp;
-        let compSize = 0;
         let contentWidth = 0;
         let contentHeight = 0;
         let startY = 0;
         let pages = 1;
         if (isHorizontal) {
-            compSize = maxWidth;
             contentWidth = maxWidth;
             contentHeight = this._itemHeight;
-            comp = this._createScrollbar(compStyle, compSize);
+            comp = this._createScrollbar(compStyle, contentWidth);
             this._pagerComponent = comp;
             this._innerView.add(comp);
-            this._updatePositionOfScrollbar(contentWidth, contentHeight, renderStartY);
         }
         else {
-            compSize = maxHeight;
-            comp = this._createScrollbar(compStyle, compSize);
-            this._pagerComponent = comp;
-            this._innerView.add(comp);
             contentHeight = maxHeight - renderStartY;
             contentWidth = this._itemMaxWidth;
+            comp = this._createScrollbar(compStyle, contentHeight);
+            this._pagerComponent = comp;
+            this._innerView.add(comp);
             if (contentHeight <= 0) {
                 this._innerView.removeChild(comp);
                 return false;
@@ -25264,14 +25329,15 @@ class DiscreteLegend extends LegendBase {
             }
             this._itemContext.totalPage = pages;
             this._itemContext.pages = pages;
-            this._updatePositionOfScrollbar(contentWidth, contentHeight, renderStartY);
         }
         if (defaultCurrent > 1) {
             if (isHorizontal) {
-                itemsContainer.setAttribute('x', -(defaultCurrent - 1) * (contentWidth + spaceCol));
+                const maxOffset = this._itemsContainer.AABBBounds.width() - contentWidth;
+                itemsContainer.setAttribute('x', -Math.min((defaultCurrent - 1) * (contentWidth + spaceCol), maxOffset));
             }
             else {
-                itemsContainer.setAttribute('y', -(defaultCurrent - 1) * (contentHeight + spaceRow));
+                const maxOffset = this._itemsContainer.AABBBounds.height() - contentHeight;
+                itemsContainer.setAttribute('y', -Math.min((defaultCurrent - 1) * (contentHeight + spaceRow), maxOffset));
             }
         }
         const clipGroup = graphicCreator.group({
@@ -25284,9 +25350,89 @@ class DiscreteLegend extends LegendBase {
         });
         clipGroup.add(itemsContainer);
         this._innerView.add(clipGroup);
+        this._itemContext.clipContainer = clipGroup;
+        this._updatePositionOfScrollbar(contentWidth, contentHeight, renderStartY);
+        if ((_a = pager.scrollMask) === null || _a === void 0 ? void 0 : _a.visible) {
+            this.renderScrollMask(clipGroup);
+        }
         this._bindEventsOfPager(isHorizontal ? contentWidth : contentHeight, isHorizontal ? 'x' : 'y');
         return true;
     }
+    renderScrollMask(clipGroup) {
+        const { scrollMask = {} } = this.attribute
+            .pager;
+        const { visible = true, gradientLength = 16, gradientStops } = scrollMask;
+        if (!visible || !gradientStops) {
+            return;
+        }
+        const width = clipGroup.AABBBounds.width();
+        const height = clipGroup.AABBBounds.height();
+        const totalLength = this._itemContext.isHorizontal ? width : height;
+        const startStops = gradientStops.map(stop => {
+            return {
+                offset: (gradientLength * stop.offset) / totalLength,
+                color: stop.color
+            };
+        });
+        const endStops = gradientStops.map(stop => {
+            return {
+                offset: (totalLength - gradientLength * stop.offset) / totalLength,
+                color: stop.color
+            };
+        });
+        const mask = graphicCreator.rect({
+            x: 0,
+            y: 0,
+            width,
+            height
+        });
+        this._scrollMask = mask;
+        this._scrollMaskContext = { startStops, endStops };
+        this.updateScrollMask();
+        clipGroup.add(mask);
+    }
+    updateScrollMask() {
+        if (!this._scrollMask || !this._pagerComponent) {
+            return;
+        }
+        if (!this._itemContext.isScrollbar) {
+            return;
+        }
+        const [start, end] = this._pagerComponent.getScrollRange();
+        const stops = [];
+        if (!isNumberClose(clamp(end, 0, 1), 1)) {
+            stops.push(...this._scrollMaskContext.endStops);
+        }
+        if (!isNumberClose(clamp(start, 0, 1), 0)) {
+            stops.push(...this._scrollMaskContext.startStops);
+        }
+        if (stops.length) {
+            if (this._itemContext.isHorizontal) {
+                this._scrollMask.setAttributes({
+                    fill: {
+                        gradient: 'linear',
+                        x0: 0,
+                        y0: 0,
+                        x1: 1,
+                        y1: 0,
+                        stops
+                    }
+                });
+            }
+            else {
+                this._scrollMask.setAttributes({
+                    fill: {
+                        gradient: 'linear',
+                        x0: 0,
+                        y0: 0,
+                        x1: 0,
+                        y1: 1,
+                        stops
+                    }
+                });
+            }
+        }
+    }
     _renderPagerComponent() {
         if (this._itemContext.isScrollbar) {
             this._renderScrollbar();
@@ -29400,6 +29546,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.20.13-alpha.3";
+const version = "0.20.13";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/brush/brush.js

@@ -194,5 +194,4 @@ export class Brush extends AbstractComponent {
     }
 }
 
-Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
-//# sourceMappingURL=brush.js.map
+Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;

package/es/brush/type.js

@@ -4,4 +4,5 @@ export var IOperateType;
     IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
     IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
     IOperateType.brushClear = "brushClear";
-}(IOperateType || (IOperateType = {}));
+}(IOperateType || (IOperateType = {}));
+//# sourceMappingURL=type.js.map

package/es/core/base.js

@@ -45,5 +45,4 @@ export class AbstractComponent extends Group {
         changeEvent.manager = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem.manager, 
         this.dispatchEvent(changeEvent);
     }
-}
-//# sourceMappingURL=base.js.map
+}

package/es/empty-tip/empty-tip.js

@@ -51,4 +51,5 @@ EmptyTip.defaultAttributes = {
         height: 100,
         pickable: !1
     }
-};
+};
+//# sourceMappingURL=empty-tip.js.map

package/es/index.d.ts

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

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.20.13-alpha.3";
+export const version = "0.20.13";
 
 export * from "./core/base";
 

package/es/index.js.map

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

package/es/label/base.js

@@ -441,12 +441,18 @@ export class LabelBase extends AbstractComponent {
         return listener;
     }
     _smartInvert(labels) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         const option = isObject(this.attribute.smartInvert) ? this.attribute.smartInvert : {}, {textType: textType, contrastRatiosThreshold: contrastRatiosThreshold, alternativeColors: alternativeColors, mode: mode, interactInvertType: interactInvertType} = option, fillStrategy = null !== (_a = option.fillStrategy) && void 0 !== _a ? _a : "invertBase", strokeStrategy = null !== (_b = option.strokeStrategy) && void 0 !== _b ? _b : "base", brightColor = null !== (_c = option.brightColor) && void 0 !== _c ? _c : "#ffffff", darkColor = null !== (_d = option.darkColor) && void 0 !== _d ? _d : "#000000", outsideEnable = null !== (_e = option.outsideEnable) && void 0 !== _e && _e;
         if ("null" !== fillStrategy || "null" !== strokeStrategy) for (let i = 0; i < labels.length; i++) {
             const label = labels[i];
             if (!label) continue;
-            const baseMark = this.getRelatedGraphic(label.attribute), backgroundColor = baseMark.attribute.fill, foregroundColor = label.attribute.fill, invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode), similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor, isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds), isIntersect = !isInside && label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds);
+            const baseMark = this.getRelatedGraphic(label.attribute);
+            let backgroundColor = baseMark.attribute.fill, foregroundColor = label.attribute.fill;
+            if (isObject(backgroundColor) && backgroundColor.gradient) {
+                const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
+                firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
+            }
+            const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode), similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor, isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds), isIntersect = !isInside && label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds);
             if (isInside || outsideEnable || isIntersect && "inside" === interactInvertType) {
                 const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
                 if (fill && label.setAttributes({