@visactor/vrender-components 0.22.15 → 0.22.17-alpha.0

package/cjs/legend/constant.js

@@ -21,4 +21,4 @@ function(LegendEvent) {
     LEGEND_ELEMENT_NAME.itemLabel = "legendItemLabel", LEGEND_ELEMENT_NAME.itemValue = "legendItemValue", 
     LEGEND_ELEMENT_NAME.focus = "legendItemFocus";
 }(LEGEND_ELEMENT_NAME = exports.LEGEND_ELEMENT_NAME || (exports.LEGEND_ELEMENT_NAME = {}));
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/legend/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./color/color"), exports), __exportStar(require("./color/t
 __exportStar(require("./size/size"), exports), __exportStar(require("./size/type"), exports), 
 __exportStar(require("./type"), exports), __exportStar(require("./constant"), exports), 
 __exportStar(require("./util"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.es.js

@@ -21194,14 +21194,19 @@ class LabelBase extends AbstractComponent {
         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;
+                    }
                 }
             }
         }
@@ -21216,13 +21221,17 @@ class LabelBase extends AbstractComponent {
             const text = result[i];
             const bounds = text.AABBBounds;
             const range = boundToRange(bmpTool, bounds, true);
-            if (canPlace(bmpTool, bitmap, bounds, clampForce, overlapPadding)) {
+            if (canPlace(bmpTool, bitmap, bounds, clampForce || hideOnOverflow, overlapPadding)) {
                 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;
                     }
                 }
@@ -21236,6 +21245,16 @@ class LabelBase extends AbstractComponent {
         }
         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) {
@@ -21258,7 +21277,7 @@ class LabelBase extends AbstractComponent {
     }
     _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) {
@@ -21288,7 +21307,7 @@ class LabelBase extends AbstractComponent {
             if (!this.isMarkInsideRect(baseMark, bmpTool)) {
                 continue;
             }
-            if (canPlace(bmpTool, bitmap, text.AABBBounds, clampForce, overlapPadding)) {
+            if (canPlace(bmpTool, bitmap, text.AABBBounds, clampForce || hideOnOverflow, overlapPadding)) {
                 if (!checkBounds) {
                     bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, true));
                     result.push(text);
@@ -21310,15 +21329,23 @@ class LabelBase extends AbstractComponent {
                     : 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);
@@ -31731,6 +31758,6 @@ StoryLabelItem.defaultAttributes = {
     theme: 'default'
 };
 
-const version = "0.22.15";
+const version = "0.22.17-alpha.0";
 
 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/index.d.ts

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

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.22.15";
+export const version = "0.22.17-alpha.0";
 
 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,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,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.15\";\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,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,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.22.17-alpha.0\";\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/arc.js

@@ -503,4 +503,4 @@ ArcLabel.defaultAttributes = {
 export const registerArcDataLabel = () => {
     registerLabelComponent("arc", ArcLabel);
 };
-//# sourceMappingURL=arc.js.map
+//# sourceMappingURL=arc.js.map

package/es/label/base.d.ts

@@ -50,6 +50,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AbstractCompone
     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

@@ -221,13 +221,15 @@ export class LabelBase extends AbstractComponent {
     }
     _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
@@ -239,10 +241,10 @@ export class LabelBase extends AbstractComponent {
         }));
         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 (canPlace(bmpTool, bitmap, bounds, clampForce || hideOnOverflow, overlapPadding)) bitmap.setRange(range); else {
+                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);
@@ -250,6 +252,12 @@ export class LabelBase extends AbstractComponent {
         }
         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) {
@@ -268,7 +276,7 @@ export class LabelBase extends AbstractComponent {
     }
     _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 => {
@@ -280,7 +288,7 @@ export class LabelBase extends AbstractComponent {
             if (!1 === labels[i].attribute.visible) continue;
             const text = labels[i], baseMark = this.getRelatedGraphic(text.attribute);
             if (text.update(), !this.isMarkInsideRect(baseMark, bmpTool)) continue;
-            if (canPlace(bmpTool, bitmap, text.AABBBounds, clampForce, overlapPadding)) {
+            if (canPlace(bmpTool, bitmap, text.AABBBounds, clampForce || hideOnOverflow, overlapPadding)) {
                 if (!checkBounds) {
                     bitmap.setRange(boundToRange(bmpTool, text.AABBBounds, !0)), result.push(text);
                     continue;
@@ -292,15 +300,16 @@ export class LabelBase extends AbstractComponent {
             }
             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;
                 }
@@ -545,4 +554,4 @@ LabelBase.defaultAttributes = {
     offset: 0,
     pickable: !1
 };
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map