@visactor/vrender-components 1.0.10 → 1.0.12

package/dist/index.es.js

@@ -2496,7 +2496,8 @@ const DefaultRectAttribute = Object.assign(Object.assign({}, DefaultAttribute),
   y1: 0,
   strokeBoundsBuffer: 0,
   cornerRadius: 0,
-  cornerType: "round"
+  cornerType: "round",
+  drawStrokeWhenZeroWH: !1
 });
 Object.assign(Object.assign({}, DefaultAttribute), {
   width: 0,
@@ -2505,7 +2506,8 @@ Object.assign(Object.assign({}, DefaultAttribute), {
   y1: 0,
   cornerRadius: 0,
   length: 0,
-  cornerType: "round"
+  cornerType: "round",
+  drawStrokeWhenZeroWH: !1
 });
 const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   symbolType: "circle",
@@ -6399,7 +6401,7 @@ class Graphic extends Node {
     });
   }
   setAttributes(params, forceUpdateTag = !1, context) {
-    (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
+    params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
   }
   _setAttributes(params, forceUpdateTag = !1, context) {
     const keys = Object.keys(params);
@@ -7224,8 +7226,8 @@ function rectFillVisible(opacity, fillOpacity, width, height, fill) {
 function strokeVisible(opacity, strokeOpacity) {
   return opacity * strokeOpacity > 0;
 }
-function rectStrokeVisible(opacity, strokeOpacity, width, height) {
-  return opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
+function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
+  return drawStrokeWhenZeroWH ? opacity * strokeOpacity > 0 : opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
 }
 function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
   const x10 = x1 - x0,
@@ -11836,7 +11838,8 @@ let DefaultCanvasRectRender = class extends BaseRender {
       y1: y1,
       x: originX = rectAttribute.x,
       y: originY = rectAttribute.y,
-      fillStrokeOrder = rectAttribute.fillStrokeOrder
+      fillStrokeOrder = rectAttribute.fillStrokeOrder,
+      drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH
     } = rect.attribute;
     let {
       width: width,
@@ -11844,7 +11847,7 @@ let DefaultCanvasRectRender = class extends BaseRender {
     } = rect.attribute;
     width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
     const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
       doFill = runFill(fill, background),
       doStroke = runStroke(stroke, lineWidth);
     if (!rect.valid || !visible) return;
@@ -18804,6 +18807,7 @@ class Step {
     return this.getEndProps();
   }
   stop() {}
+  release() {}
 }
 class WaitStep extends Step {
   constructor(type, props, duration, easing) {
@@ -19021,7 +19025,9 @@ class Animate {
     this.status !== AnimateStatus.END && this.onEnd(), this.status = AnimateStatus.END, this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
   }
   release() {
-    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [];
+    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [], this.forEachStep(step => {
+      step.release();
+    });
   }
   getDuration() {
     return this._duration;
@@ -19095,6 +19101,10 @@ class Animate {
   getLoop() {
     return this._loopCount;
   }
+  forEachStep(cb) {
+    let step = this._firstStep;
+    for (; step;) cb(step), step = step.next;
+  }
 }
 
 const performanceRAF = new PerformanceRAF();
@@ -19327,6 +19337,9 @@ class AnimateExecutor {
   constructor(target) {
     this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, this._activeCount = 0, this._target = target;
   }
+  get started() {
+    return this._started;
+  }
   onStart(cb) {
     cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
       cb();
@@ -19467,14 +19480,14 @@ class AnimateExecutor {
     return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
   }
   _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (custom && customType) {
       const customParams = Object.assign({
-          width: graphic.stage.width,
-          height: graphic.stage.height,
+          width: (null === (_a = graphic.stage) || void 0 === _a ? void 0 : _a.width) || 0,
+          height: (null === (_b = graphic.stage) || void 0 === _b ? void 0 : _b.height) || 0,
           group: this._target.parent
         }, this.resolveValue(customParameters, graphic)),
-        objOptions = isFunction(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
+        objOptions = isFunction(options) ? options.call(null, null !== (_d = customParams && (null === (_c = customParams.data) || void 0 === _c ? void 0 : _c[0])) && void 0 !== _d ? _d : null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, customParams) : options;
       customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
     } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
   }
@@ -19694,7 +19707,7 @@ class AnimationStateManager {
   reApplyState(state) {
     var _a;
     const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
-    if (stateInfo) {
+    if (stateInfo && stateInfo.executor.started) {
       const stateList = this.stateList.slice();
       stateInfo.executor.stop(), this.stateList = stateList, stateInfo.executor.execute(stateInfo.animationConfig);
     }
@@ -22730,14 +22743,19 @@ class LabelBase extends AnimateComponent {
         let result = labels.filter(label => label.attribute.visible &&
             label.attribute.opacity !== 0 &&
             this.isMarkInsideRect(this.getRelatedGraphic(label.attribute), bmpTool));
-        const { clampForce = true, hideOnHit = true, overlapPadding, strategy } = option;
-        if (clampForce) {
+        const { clampForce = true, hideOnHit = true, hideOnOverflow = false, overlapPadding, strategy } = option;
+        if (clampForce || hideOnOverflow) {
             for (let i = 0; i < result.length; i++) {
                 const text = labels[i];
                 const { dx = 0, dy = 0 } = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
                 if (dx !== 0 || dy !== 0) {
-                    text.setAttributes({ x: text.attribute.x + dx, y: text.attribute.y + dy });
-                    text._isClamped = true;
+                    if (hideOnOverflow) {
+                        text.setAttributes({ visible: false });
+                    }
+                    else {
+                        text.setAttributes({ x: text.attribute.x + dx, y: text.attribute.y + dy });
+                        text._isClamped = true;
+                    }
                 }
             }
         }
@@ -22756,9 +22774,13 @@ class LabelBase extends AnimateComponent {
                 bitmap.setRange(range);
             }
             else {
-                if (clampForce) {
-                    const placedAfterClampForce = this._processClampForce(text, bmpTool, bitmap, overlapPadding);
-                    if (placedAfterClampForce) {
+                if (hideOnOverflow) {
+                    if (this._processHideOnOverflow(text, bmpTool)) {
+                        continue;
+                    }
+                }
+                else if (clampForce) {
+                    if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
                         continue;
                     }
                 }
@@ -22772,6 +22794,16 @@ class LabelBase extends AnimateComponent {
         }
         return result;
     }
+    _processHideOnOverflow(text, bmpTool) {
+        const { dy: dy = 0, dx: dx = 0 } = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
+        if (0 !== dx || 0 !== dy) {
+            text.setAttributes({
+                visible: false
+            });
+            return false;
+        }
+        return true;
+    }
     _processClampForce(text, bmpTool, bitmap, overlapPadding = 0) {
         const { dy = 0, dx = 0 } = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
         if (dx === 0 && dy === 0) {
@@ -22794,7 +22826,7 @@ class LabelBase extends AnimateComponent {
     }
     _overlapByStrategy(labels, option, bmpTool, bitmap) {
         var _a;
-        const { avoidBaseMark, strategy = [], hideOnHit = true, clampForce = true, avoidMarks = [], overlapPadding } = option;
+        const { avoidBaseMark, strategy = [], hideOnHit = true, clampForce = true, avoidMarks = [], overlapPadding, hideOnOverflow = false } = option;
         const result = [];
         const checkBounds = strategy.some(s => s.type === 'bound');
         if (avoidBaseMark) {
@@ -22846,15 +22878,23 @@ class LabelBase extends AnimateComponent {
                     : this.getGraphicBounds(baseMark, labels[i].attribute), this.labeling);
                 if (hasPlace !== false) {
                     text.setAttributes({ x: hasPlace.x, y: hasPlace.y });
-                    result.push(text);
-                    break;
+                    if (!(hideOnOverflow && !this._processHideOnOverflow(text, bmpTool))) {
+                        result.push(text);
+                        break;
+                    }
                 }
             }
-            if (!hasPlace && clampForce) {
-                const placedAfterClampForce = this._processClampForce(text, bmpTool, bitmap, overlapPadding);
-                if (placedAfterClampForce) {
-                    result.push(text);
-                    continue;
+            if (!hasPlace) {
+                if (hideOnOverflow) {
+                    if (!this._processHideOnOverflow(text, bmpTool)) {
+                        continue;
+                    }
+                }
+                if (clampForce) {
+                    if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
+                        result.push(text);
+                        continue;
+                    }
                 }
             }
             !hasPlace && !hideOnHit && result.push(text);
@@ -33127,6 +33167,6 @@ StoryLabelItem.defaultAttributes = {
     theme: 'default'
 };
 
-const version = "1.0.10";
+const version = "1.0.12";
 
 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, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, 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, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, scrollbarModule, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/axis/line.js

@@ -332,5 +332,4 @@ export class LineAxis extends AxisBase {
     }
 }
 
-LineAxis.defaultAttributes = DEFAULT_AXIS_THEME, mixin(LineAxis, LineAxisMixin);
-//# sourceMappingURL=line.js.map
+LineAxis.defaultAttributes = DEFAULT_AXIS_THEME, mixin(LineAxis, LineAxisMixin);

package/es/brush/config.js

@@ -24,4 +24,5 @@ export const DEFAULT_BRUSH_ATTRIBUTES = {
     }
 };
 
-export const DEFAULT_SIZE_THRESHOLD = 5;
+export const DEFAULT_SIZE_THRESHOLD = 5;
+//# sourceMappingURL=config.js.map

package/es/index.d.ts

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

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "1.0.10";
+export const version = "1.0.12";
 
 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,QAAQ,CAAC;AAEhC,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,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.0.10\";\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 './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAEhC,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,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.0.12\";\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 './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\n"]}

package/es/label/base.d.ts

@@ -50,6 +50,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     protected _layout(texts: (IText | IRichText)[]): (IText | IRichText)[];
     protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
     protected _overlapGlobal(labels: (IText | IRichText)[], option: OverlapAttrs, bmpTool: BitmapTool, bitmap: Bitmap): (IRichText | IText)[];
+    protected _processHideOnOverflow(text: IText, bmpTool: BitmapTool): boolean;
     protected _processClampForce(text: IText, bmpTool: BitmapTool, bitmap: Bitmap, overlapPadding?: number): boolean;
     protected _overlapByStrategy(labels: (IText | IRichText)[], option: OverlapAttrs, bmpTool: BitmapTool, bitmap: Bitmap): (IRichText | IText)[];
     protected isMarkInsideRect(baseMark: IGraphic, bmpTool: BitmapTool): boolean;

package/es/label/base.js

@@ -217,13 +217,15 @@ export class LabelBase extends AnimateComponent {
     }
     _overlapGlobal(labels, option, bmpTool, bitmap) {
         let result = labels.filter((label => label.attribute.visible && 0 !== label.attribute.opacity && this.isMarkInsideRect(this.getRelatedGraphic(label.attribute), bmpTool)));
-        const {clampForce: clampForce = !0, hideOnHit: hideOnHit = !0, overlapPadding: overlapPadding, strategy: strategy} = option;
-        if (clampForce) for (let i = 0; i < result.length; i++) {
+        const {clampForce: clampForce = !0, hideOnHit: hideOnHit = !0, hideOnOverflow: hideOnOverflow = !1, overlapPadding: overlapPadding, strategy: strategy} = option;
+        if (clampForce || hideOnOverflow) for (let i = 0; i < result.length; i++) {
             const text = labels[i], {dx: dx = 0, dy: dy = 0} = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
-            0 === dx && 0 === dy || (text.setAttributes({
+            0 === dx && 0 === dy || (hideOnOverflow ? text.setAttributes({
+                visible: !1
+            }) : (text.setAttributes({
                 x: text.attribute.x + dx,
                 y: text.attribute.y + dy
-            }), text._isClamped = !0);
+            }), text._isClamped = !0));
         }
         result = shiftY(result, Object.assign(Object.assign({
             maxY: bmpTool.height
@@ -236,9 +238,9 @@ export class LabelBase extends AnimateComponent {
         for (let i = 0; i < result.length; i++) {
             const text = result[i], bounds = text.AABBBounds, range = boundToRange(bmpTool, bounds, !0);
             if (canPlace(bmpTool, bitmap, bounds, clampForce, overlapPadding)) bitmap.setRange(range); else {
-                if (clampForce) {
-                    if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) continue;
-                }
+                if (hideOnOverflow) {
+                    if (this._processHideOnOverflow(text, bmpTool)) continue;
+                } else if (clampForce && this._processClampForce(text, bmpTool, bitmap, overlapPadding)) continue;
                 hideOnHit ? text.setAttributes({
                     visible: !1
                 }) : bitmap.setRange(range);
@@ -246,6 +248,12 @@ export class LabelBase extends AnimateComponent {
         }
         return result;
     }
+    _processHideOnOverflow(text, bmpTool) {
+        const {dy: dy = 0, dx: dx = 0} = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
+        return 0 === dx && 0 === dy || (text.setAttributes({
+            visible: !1
+        }), !1);
+    }
     _processClampForce(text, bmpTool, bitmap, overlapPadding = 0) {
         const {dy: dy = 0, dx: dx = 0} = clampText(text, bmpTool.width, bmpTool.height, bmpTool.padding);
         if (0 === dx && 0 === dy) {
@@ -264,7 +272,7 @@ export class LabelBase extends AnimateComponent {
     }
     _overlapByStrategy(labels, option, bmpTool, bitmap) {
         var _a;
-        const {avoidBaseMark: avoidBaseMark, strategy: strategy = [], hideOnHit: hideOnHit = !0, clampForce: clampForce = !0, avoidMarks: avoidMarks = [], overlapPadding: overlapPadding} = option, result = [], checkBounds = strategy.some((s => "bound" === s.type));
+        const {avoidBaseMark: avoidBaseMark, strategy: strategy = [], hideOnHit: hideOnHit = !0, clampForce: clampForce = !0, avoidMarks: avoidMarks = [], overlapPadding: overlapPadding, hideOnOverflow: hideOnOverflow = !1} = option, result = [], checkBounds = strategy.some((s => "bound" === s.type));
         avoidBaseMark && (null === (_a = this._baseMarks) || void 0 === _a || _a.forEach((mark => {
             mark.AABBBounds && bitmap.setRange(boundToRange(bmpTool, mark.AABBBounds, !0));
         }))), avoidMarks.length > 0 && avoidMarks.forEach((avoid => {
@@ -288,15 +296,16 @@ export class LabelBase extends AnimateComponent {
             }
             let hasPlace = !1;
             for (let j = 0; j < strategy.length; j++) if (hasPlace = place(bmpTool, bitmap, strategy[j], this.attribute, text, this._isCollectionBase ? this.getGraphicBounds(null, this._idToPoint.get(labels[i].attribute.id)) : this.getGraphicBounds(baseMark, labels[i].attribute), this.labeling), 
-            !1 !== hasPlace) {
-                text.setAttributes({
-                    x: hasPlace.x,
-                    y: hasPlace.y
-                }), result.push(text);
+            !1 !== hasPlace && (text.setAttributes({
+                x: hasPlace.x,
+                y: hasPlace.y
+            }), !hideOnOverflow || this._processHideOnOverflow(text, bmpTool))) {
+                result.push(text);
                 break;
             }
-            if (!hasPlace && clampForce) {
-                if (this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
+            if (!hasPlace) {
+                if (hideOnOverflow && !this._processHideOnOverflow(text, bmpTool)) continue;
+                if (clampForce && this._processClampForce(text, bmpTool, bitmap, overlapPadding)) {
                     result.push(text);
                     continue;
                 }