@visactor/vrender-components 0.13.2-alpha.2 → 0.13.2

package/cjs/core/type.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
-//# sourceMappingURL=type.js.map
+});

package/cjs/crosshair/circle.js

@@ -28,4 +28,5 @@ exports.CircleCrosshair = CircleCrosshair, CircleCrosshair.defaultAttributes = {
         lineWidth: 1,
         lineDash: [ 2 ]
     }
-};
+};
+//# sourceMappingURL=circle.js.map

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.13.2-alpha.2";
+export declare const version = "0.13.2";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.13.2-alpha.2", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.13.2", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./scrollbar"), exports), __exportStar(require("./tag"), exports), 
 __exportStar(require("./poptip"), exports), __exportStar(require("./crosshair"), exports), 
 __exportStar(require("./label"), exports), __exportStar(require("./axis"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.13.2-alpha.2\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\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 './interface';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.13.2\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\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 './interface';\n"]}

package/cjs/indicator/type.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
-//# sourceMappingURL=type.js.map
+});

package/cjs/label/symbol.js

@@ -66,4 +66,5 @@ exports.SymbolLabel = SymbolLabel, SymbolLabel.defaultAttributes = {
     position: "top",
     offset: 5,
     pickable: !1
-};
+};
+//# sourceMappingURL=symbol.js.map

package/cjs/marker/area.js

@@ -69,4 +69,4 @@ class MarkArea extends base_1.Marker {
 }
 
 exports.MarkArea = MarkArea, MarkArea.defaultAttributes = config_1.DEFAULT_MARK_AREA_THEME;
-//# sourceMappingURL=area.js.map
+//# sourceMappingURL=area.js.map

package/cjs/marker/base.js

@@ -18,5 +18,4 @@ class Marker extends base_1.AbstractComponent {
     }
 }
 
-exports.Marker = Marker;
-//# sourceMappingURL=base.js.map
+exports.Marker = Marker;

package/cjs/marker/config.js

@@ -225,4 +225,4 @@ exports.DEFAULT_MARK_LINE_THEME = {
         textBaseline: "middle"
     }
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/cjs/marker/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./type"), exports), __exportStar(require("./line"), exports), 
 __exportStar(require("./area"), exports), __exportStar(require("./point"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/marker/line.js

@@ -53,4 +53,4 @@ class MarkLine extends base_1.Marker {
 }
 
 exports.MarkLine = MarkLine, MarkLine.defaultAttributes = config_1.DEFAULT_MARK_LINE_THEME;
-//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/cjs/marker/point.js

@@ -127,4 +127,4 @@ class MarkPoint extends base_1.Marker {
 }
 
 exports.MarkPoint = MarkPoint, MarkPoint.defaultAttributes = config_1.DEFAULT_MARK_POINT_THEME;
-//# sourceMappingURL=point.js.map
+//# sourceMappingURL=point.js.map

package/cjs/marker/type.js

@@ -23,4 +23,4 @@ function(IMarkPointItemPosition) {
     IMarkPointItemPosition.insideTop = "insideTop", IMarkPointItemPosition.insideBottom = "insideBottom", 
     IMarkPointItemPosition.insideMiddle = "insideMiddle";
 }(IMarkPointItemPosition = exports.IMarkPointItemPosition || (exports.IMarkPointItemPosition = {}));
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/pager/pager.js

@@ -130,4 +130,5 @@ exports.Pager = Pager, Pager.defaultAttributes = {
         fill: "rgb(51, 51, 51)",
         fontSize: 12
     }
-};
+};
+//# sourceMappingURL=pager.js.map

package/cjs/pager/type.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=type.js.map
+//# sourceMappingURL=type.js.map

package/cjs/player/base-player.js

@@ -210,4 +210,4 @@ exports.BasePlayer = BasePlayer, BasePlayer.defaultAttributes = {
         })
     }
 };
-//# sourceMappingURL=base-player.js.map
+//# sourceMappingURL=base-player.js.map

package/cjs/player/constant.js

@@ -13,4 +13,4 @@ Object.defineProperty(exports, "__esModule", {
     order: 0,
     space: 10
 }, exports.RailDefaultSize = [ 200, 10 ];
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/player/continuous-player.js

@@ -104,4 +104,4 @@ class ContinuousPlayer extends base_player_1.BasePlayer {
 }
 
 exports.ContinuousPlayer = ContinuousPlayer;
-//# sourceMappingURL=continuous-player.js.map
+//# sourceMappingURL=continuous-player.js.map

package/cjs/player/discrete-player.js

@@ -82,4 +82,4 @@ class DiscretePlayer extends base_player_1.BasePlayer {
 }
 
 exports.DiscretePlayer = DiscretePlayer;
-//# sourceMappingURL=discrete-player.js.map
+//# sourceMappingURL=discrete-player.js.map

package/cjs/player/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./base-player"), exports), __exportStar(require("./type"), exports), 
 __exportStar(require("./discrete-player"), exports), __exportStar(require("./continuous-player"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/player/utils.js

@@ -71,4 +71,4 @@ exports.isHorizontal = isHorizontal;
 const forwardStep = (direction, currentIndex, min, max) => "default" === direction ? Math.min(currentIndex + 1, max) : Math.max(currentIndex - 1, min);
 
 exports.forwardStep = forwardStep;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/cjs/poptip/contribution.js

@@ -10,22 +10,38 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PopTipRenderContribution = void 0;
 
-const inversify_1 = require("inversify"), poptip_1 = require("./poptip");
+const inversify_1 = require("inversify"), poptip_1 = require("./poptip"), vutils_1 = require("@visactor/vutils"), theme_1 = require("./theme");
+
+function wrapPoptip(target, source) {
+    return (0, vutils_1.merge)(target, theme_1.theme.poptip, source), target;
+}
 
 let PopTipRenderContribution = class {
     render(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
-        if (graphic._showPoptip) {
-            const {visible: visible, visibleCb: visibleCb} = graphic.attribute.poptip;
+        var _a;
+        if (1 === graphic._showPoptip) {
+            const {visible: visible, visibleCb: visibleCb} = graphic.attribute.poptip || {};
             if (!1 === visible || visibleCb && !1 === visibleCb(graphic)) return;
-            this.poptipComponent || (this.poptipComponent = new poptip_1.PopTip(graphic.attribute.poptip)), 
-            this.poptipComponent.setAttributes(Object.assign(Object.assign({}, graphic.attribute.poptip), {
-                x: 0,
-                y: 0,
-                postMatrix: graphic.globalTransMatrix
+            this.poptipComponent || (this.poptipComponent = new poptip_1.PopTip(graphic.attribute.poptip));
+            let poptip = graphic.attribute.poptip || {};
+            if ("text" === graphic.type && null == poptip.title && null == poptip.content) {
+                const out = {};
+                wrapPoptip(out, poptip), poptip = out, poptip.content = null !== (_a = poptip.content) && void 0 !== _a ? _a : graphic.attribute.text;
+            }
+            const matrix = graphic.globalTransMatrix;
+            this.poptipComponent.setAttributes(Object.assign(Object.assign({
+                visibleAll: !0,
+                pickable: !1,
+                childrenPickable: !1
+            }, poptip), {
+                x: matrix.e,
+                y: matrix.f
             }));
             const interactiveLayer = drawContext.stage.getLayer("_builtin_interactive");
             interactiveLayer && interactiveLayer.add(this.poptipComponent);
-        }
+        } else 2 === graphic._showPoptip && (graphic._showPoptip = 0, this.poptipComponent && this.poptipComponent.setAttributes({
+            visibleAll: !1
+        }));
     }
 };
 

package/cjs/poptip/contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["poptip/contribution.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AASvC,qCAAkC;AAG3B,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;IAEnC,MAAM,CACJ,OAA6C,EAC7C,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,MAAe,EACf,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,gBAA6C,EAC7C,WAAyB,EACzB,MAAiH,EACjH,QAAmH,EACnH,OAAa;QAEb,IAAI,OAAO,CAAC,WAAW,EAAE;YACvB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAI,OAAO,CAAC,SAAiB,CAAC,MAAM,CAAC;YACjE,IAAI,OAAO,KAAK,KAAK,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,EAAE;gBACpE,OAAO;aACR;YACD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;gBACzB,IAAI,CAAC,eAAe,GAAG,IAAI,eAAM,CAAE,OAAO,CAAC,SAAiB,CAAC,MAAM,CAAC,CAAC;aACtE;YACD,IAAI,CAAC,eAAe,CAAC,aAAa,iCAC5B,OAAO,CAAC,SAAiB,CAAC,MAAM,KACpC,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,UAAU,EAAE,OAAO,CAAC,iBAAiB,IACrC,CAAC;YAEH,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;YAC5E,IAAI,gBAAgB,EAAE;gBACpB,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5C;SACF;IACH,CAAC;CACF,CAAA;AAtCY,wBAAwB;IADpC,IAAA,sBAAU,GAAE;GACA,wBAAwB,CAsCpC;AAtCY,4DAAwB","file":"contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  IContext2d,\n  IGraphic,\n  IGraphicAttribute,\n  IInteractiveSubRenderContribution,\n  IThemeAttribute,\n  IDrawContext\n} from '@visactor/vrender';\nimport { PopTip } from './poptip';\n\n@injectable()\nexport class PopTipRenderContribution implements IInteractiveSubRenderContribution {\n  declare poptipComponent: PopTip;\n  render(\n    graphic: IGraphic<Partial<IGraphicAttribute>>,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ): void {\n    if (graphic._showPoptip) {\n      const { visible, visibleCb } = (graphic.attribute as any).poptip;\n      if (visible === false || (visibleCb && visibleCb(graphic) === false)) {\n        return;\n      }\n      if (!this.poptipComponent) {\n        this.poptipComponent = new PopTip((graphic.attribute as any).poptip);\n      }\n      this.poptipComponent.setAttributes({\n        ...(graphic.attribute as any).poptip,\n        x: 0,\n        y: 0,\n        postMatrix: graphic.globalTransMatrix\n      });\n      // 添加到交互层中\n      const interactiveLayer = drawContext.stage.getLayer('_builtin_interactive');\n      if (interactiveLayer) {\n        interactiveLayer.add(this.poptipComponent);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["poptip/contribution.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AASvC,qCAAkC;AAClC,6CAAyC;AACzC,mCAAgC;AAEhC,SAAS,UAAU,CAAC,MAA2B,EAAE,MAA2B;IAC1E,IAAA,cAAK,EAAC,MAAM,EAAE,aAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,OAAO,MAAM,CAAC;AAChB,CAAC;AAGM,IAAM,wBAAwB,GAA9B,MAAM,wBAAwB;IAEnC,MAAM,CACJ,OAA6C,EAC7C,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,MAAe,EACf,QAAiB,EACjB,QAAiB,EACjB,QAAiB,EACjB,gBAA6C,EAC7C,WAAyB,EACzB,MAAiH,EACjH,QAAmH,EACnH,OAAa;;QAEb,IAAI,OAAO,CAAC,WAAW,KAAK,CAAC,EAAE;YAC7B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAI,OAAO,CAAC,SAAiB,CAAC,MAAM,IAAI,EAAE,CAAC;YACvE,IAAI,OAAO,KAAK,KAAK,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,EAAE;gBACpE,OAAO;aACR;YACD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;gBACzB,IAAI,CAAC,eAAe,GAAG,IAAI,eAAM,CAAE,OAAO,CAAC,SAAiB,CAAC,MAAM,CAAC,CAAC;aACtE;YAED,IAAI,MAAM,GAAI,OAAO,CAAC,SAAiB,CAAC,MAAM,IAAI,EAAE,CAAC;YACrD,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,OAAO,IAAI,IAAI,EAAE;gBAC7E,MAAM,GAAG,GAAG,EAAE,CAAC;gBACf,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;gBACxB,MAAM,GAAG,GAAG,CAAC;gBACb,MAAM,CAAC,OAAO,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAK,OAAO,CAAC,SAAiB,CAAC,IAAI,CAAC;aACpE;YACD,MAAM,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC;YACzC,IAAI,CAAC,eAAe,CAAC,aAAa,+BAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,KAAK,EACf,gBAAgB,EAAE,KAAK,IACpB,MAAM,KACT,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,CAAC,EAAE,MAAM,CAAC,CAAC,IACX,CAAC;YAEH,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;YAC5E,IAAI,gBAAgB,EAAE;gBACpB,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAC5C;SACF;aAAM,IAAI,OAAO,CAAC,WAAW,KAAK,CAAC,EAAE;YACpC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;YACxB,IAAI,CAAC,eAAe;gBAClB,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;oBACjC,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC;SACN;IACH,CAAC;CACF,CAAA;AAvDY,wBAAwB;IADpC,IAAA,sBAAU,GAAE;GACA,wBAAwB,CAuDpC;AAvDY,4DAAwB","file":"contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport type {\n  IContext2d,\n  IGraphic,\n  IGraphicAttribute,\n  IInteractiveSubRenderContribution,\n  IThemeAttribute,\n  IDrawContext\n} from '@visactor/vrender';\nimport { PopTip } from './poptip';\nimport { merge } from '@visactor/vutils';\nimport { theme } from './theme';\n\nfunction wrapPoptip(target: Record<string, any>, source: Record<string, any>) {\n  merge(target, theme.poptip, source);\n  return target;\n}\n\n@injectable()\nexport class PopTipRenderContribution implements IInteractiveSubRenderContribution {\n  declare poptipComponent: PopTip;\n  render(\n    graphic: IGraphic<Partial<IGraphicAttribute>>,\n    context: IContext2d,\n    x: number,\n    y: number,\n    doFill: boolean,\n    doStroke: boolean,\n    fVisible: boolean,\n    sVisible: boolean,\n    graphicAttribute: Required<IGraphicAttribute>,\n    drawContext: IDrawContext,\n    fillCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    strokeCb?: (ctx: IContext2d, markAttribute: Partial<IGraphicAttribute>, themeAttribute: IThemeAttribute) => boolean,\n    options?: any\n  ): void {\n    if (graphic._showPoptip === 1) {\n      const { visible, visibleCb } = (graphic.attribute as any).poptip || {};\n      if (visible === false || (visibleCb && visibleCb(graphic) === false)) {\n        return;\n      }\n      if (!this.poptipComponent) {\n        this.poptipComponent = new PopTip((graphic.attribute as any).poptip);\n      }\n      // 如果text图元没有配置title和content的话\n      let poptip = (graphic.attribute as any).poptip || {};\n      if (graphic.type === 'text' && poptip.title == null && poptip.content == null) {\n        const out = {};\n        wrapPoptip(out, poptip);\n        poptip = out;\n        poptip.content = poptip.content ?? (graphic.attribute as any).text;\n      }\n      const matrix = graphic.globalTransMatrix;\n      this.poptipComponent.setAttributes({\n        visibleAll: true,\n        pickable: false,\n        childrenPickable: false,\n        ...poptip,\n        x: matrix.e,\n        y: matrix.f\n      });\n      // 添加到交互层中\n      const interactiveLayer = drawContext.stage.getLayer('_builtin_interactive');\n      if (interactiveLayer) {\n        interactiveLayer.add(this.poptipComponent);\n      }\n    } else if (graphic._showPoptip === 2) {\n      graphic._showPoptip = 0;\n      this.poptipComponent &&\n        this.poptipComponent.setAttributes({\n          visibleAll: false\n        });\n    }\n  }\n}\n"]}

package/cjs/poptip/poptip-plugin.d.ts

@@ -12,3 +12,16 @@ export declare class PopTipPlugin implements IPlugin {
     setActiveGraphic(graphic: any | null, rerender?: boolean): void;
     deactivate(context: IPluginService): void;
 }
+export declare class PopTipForClipedTextPlugin implements IPlugin {
+    name: 'poptipForText';
+    activeEvent: 'onRegister';
+    pluginService: IPluginService;
+    _uid: number;
+    key: string;
+    activeGraphic: IGraphic;
+    activate(context: IPluginService): void;
+    poptip: (e: FederatedPointerEvent) => void;
+    unpoptip: (e: FederatedPointerEvent) => void;
+    setActiveGraphic(graphic: any | null, rerender?: boolean): void;
+    deactivate(context: IPluginService): void;
+}

package/cjs/poptip/poptip-plugin.js

@@ -8,7 +8,7 @@ var __decorate = this && this.__decorate || function(decorators, target, key, de
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.PopTipPlugin = void 0;
+}), exports.PopTipForClipedTextPlugin = exports.PopTipPlugin = void 0;
 
 const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender");
 
@@ -17,12 +17,14 @@ let PopTipPlugin = class {
         this.name = "poptip", this.activeEvent = "onRegister", this._uid = vrender_1.Generator.GenAutoIncrementId(), 
         this.key = this.name + this._uid, this.poptip = e => {
             const graphic = e.target;
-            if (graphic.isContainer || !graphic.attribute || graphic === this.activeGraphic) return void this.unpoptip(e);
+            if (graphic.isContainer || !graphic.attribute) return void this.unpoptip(e);
+            if (graphic === this.activeGraphic) return;
             const {poptip: poptip} = graphic.attribute;
-            poptip && (graphic._showPoptip = !0), this.activeGraphic && (this.activeGraphic._showPoptip = !1), 
-            this.setActiveGraphic(graphic, !0);
+            poptip && (graphic.setAttributes({}), graphic._showPoptip = 1), this.activeGraphic && (this.activeGraphic.setAttributes({}), 
+            this.activeGraphic._showPoptip = 2), this.setActiveGraphic(graphic, !0);
         }, this.unpoptip = e => {
-            this.activeGraphic && (this.activeGraphic._showPoptip = !1, this.setActiveGraphic(null, !0));
+            this.activeGraphic && (this.activeGraphic.setAttributes({}), this.activeGraphic._showPoptip = 2, 
+            this.setActiveGraphic(null, !0));
         };
     }
     activate(context) {
@@ -40,4 +42,36 @@ let PopTipPlugin = class {
 };
 
 PopTipPlugin = __decorate([ (0, inversify_1.injectable)() ], PopTipPlugin), exports.PopTipPlugin = PopTipPlugin;
+
+let PopTipForClipedTextPlugin = class {
+    constructor() {
+        this.name = "poptipForText", this.activeEvent = "onRegister", this._uid = vrender_1.Generator.GenAutoIncrementId(), 
+        this.key = this.name + this._uid, this.poptip = e => {
+            const graphic = e.target;
+            if ("text" !== graphic.type || !graphic.cliped || graphic.isContainer || !graphic.attribute) return void this.unpoptip(e);
+            if (graphic === this.activeGraphic) return;
+            const {poptip: poptip = {}} = graphic.attribute;
+            poptip && (graphic.setAttributes({}), graphic._showPoptip = 1), this.activeGraphic && (this.activeGraphic.setAttributes({}), 
+            this.activeGraphic._showPoptip = 2), this.setActiveGraphic(graphic, !0);
+        }, this.unpoptip = e => {
+            this.activeGraphic && (this.activeGraphic.setAttributes({}), this.activeGraphic._showPoptip = 2, 
+            this.setActiveGraphic(null, !0));
+        };
+    }
+    activate(context) {
+        this.pluginService = context;
+        const {stage: stage} = this.pluginService;
+        stage.addEventListener("pointerover", this.poptip);
+    }
+    setActiveGraphic(graphic, rerender) {
+        this.activeGraphic = graphic, this.pluginService.stage.renderNextFrame();
+    }
+    deactivate(context) {
+        const {stage: stage} = this.pluginService;
+        stage.removeEventListener("pointerover", this.poptip);
+    }
+};
+
+PopTipForClipedTextPlugin = __decorate([ (0, inversify_1.injectable)() ], PopTipForClipedTextPlugin), 
+exports.PopTipForClipedTextPlugin = PopTipForClipedTextPlugin;
 //# sourceMappingURL=poptip-plugin.js.map

package/cjs/poptip/poptip-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["poptip/poptip-plugin.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AAEvC,+CAA8C;AAGvC,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAa,QAAQ,CAAC;QAC1B,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,mBAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QASpC,WAAM,GAAG,CAAC,CAAwB,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAa,CAAC;YAChC,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa,EAAE;gBAC/E,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACjB,OAAO;aACR;YACD,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;YACrC,IAAI,MAAM,EAAE;gBACV,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;aAC5B;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,KAAK,CAAC;aACxC;YAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,CAAwB,EAAE,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,OAAO;aACR;YACD,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IAYJ,CAAC;IA1CC,QAAQ,CAAC,OAAuB;QAC9B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAErC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IA2BD,gBAAgB,CAAC,OAAmB,EAAE,QAAkB;QACtD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAE7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IAC7C,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QACrC,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AAlDY,YAAY;IADxB,IAAA,sBAAU,GAAE;GACA,YAAY,CAkDxB;AAlDY,oCAAY","file":"poptip-plugin.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender';\nimport { Generator } from '@visactor/vrender';\n\n@injectable()\nexport class PopTipPlugin implements IPlugin {\n  name: 'poptip' = 'poptip';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.isContainer || !graphic.attribute || graphic === this.activeGraphic) {\n      this.unpoptip(e);\n      return;\n    }\n    const { poptip } = graphic.attribute;\n    if (poptip) {\n      graphic._showPoptip = true;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic._showPoptip = false;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic._showPoptip = false;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n"]}
+{"version":3,"sources":["poptip/poptip-plugin.ts"],"names":[],"mappings":";;;;;;;;;AAAA,yCAAuC;AAEvC,+CAA8C;AAKvC,IAAM,YAAY,GAAlB,MAAM,YAAY;IAAlB;QACL,SAAI,GAAa,QAAQ,CAAC;QAC1B,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,mBAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QASpC,WAAM,GAAG,CAAC,CAAwB,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAa,CAAC;YAChC,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;gBAC7C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACjB,OAAO;aACR;YAED,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa,EAAE;gBAClC,OAAO;aACR;YACD,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;YACrC,IAAI,MAAM,EAAE;gBACV,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBAC1B,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;aACzB;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBACrC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;aACpC;YAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,CAAwB,EAAE,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,OAAO;aACR;YACD,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IAYJ,CAAC;IAjDC,QAAQ,CAAC,OAAuB;QAC9B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAErC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAkCD,gBAAgB,CAAC,OAAmB,EAAE,QAAkB;QACtD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAE7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IAC7C,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QACrC,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AAzDY,YAAY;IADxB,IAAA,sBAAU,GAAE;GACA,YAAY,CAyDxB;AAzDY,oCAAY;AA4DlB,IAAM,yBAAyB,GAA/B,MAAM,yBAAyB;IAA/B;QACL,SAAI,GAAoB,eAAe,CAAC;QACxC,gBAAW,GAAiB,YAAY,CAAC;QAEzC,SAAI,GAAW,mBAAS,CAAC,kBAAkB,EAAE,CAAC;QAC9C,QAAG,GAAW,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QASpC,WAAM,GAAG,CAAC,CAAwB,EAAE,EAAE;YACpC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAa,CAAC;YAChC,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;gBAC3F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACjB,OAAO;aACR;YAED,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa,EAAE;gBAClC,OAAO;aACR;YACD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;YAC1C,IAAI,MAAM,EAAE;gBACV,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBAC1B,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;aACzB;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;gBACrC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;aACpC;YAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,CAAwB,EAAE,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,OAAO;aACR;YACD,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IAYJ,CAAC;IAjDC,QAAQ,CAAC,OAAuB;QAC9B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QAErC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAkCD,gBAAgB,CAAC,OAAmB,EAAE,QAAkB;QACtD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAE7B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IAC7C,CAAC;IAED,UAAU,CAAC,OAAuB;QAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC;QACrC,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AAzDY,yBAAyB;IADrC,IAAA,sBAAU,GAAE;GACA,yBAAyB,CAyDrC;AAzDY,8DAAyB","file":"poptip-plugin.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender';\nimport { Generator } from '@visactor/vrender';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\n@injectable()\nexport class PopTipPlugin implements IPlugin {\n  name: 'poptip' = 'poptip';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n\n@injectable()\nexport class PopTipForClipedTextPlugin implements IPlugin {\n  name: 'poptipForText' = 'poptipForText';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.type !== 'text' || !graphic.cliped || graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip = {} } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n    // 添加默认poptip\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n"]}

package/cjs/poptip/register.d.ts

@@ -1,3 +1,4 @@
 import { ContainerModule } from 'inversify';
+import type { PopTipAttributes } from './type';
 export declare const module: ContainerModule;
-export declare function enablePoptip(): void;
+export declare function loadPoptip(defaultPoptipTheme: PopTipAttributes): void;

package/cjs/poptip/register.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.enablePoptip = exports.module = void 0;
+}), exports.loadPoptip = exports.module = void 0;
 
-const vrender_1 = require("@visactor/vrender"), inversify_1 = require("inversify"), contribution_1 = require("./contribution"), poptip_plugin_1 = require("./poptip-plugin");
+const vrender_1 = require("@visactor/vrender"), inversify_1 = require("inversify"), vutils_1 = require("@visactor/vutils"), contribution_1 = require("./contribution"), poptip_plugin_1 = require("./poptip-plugin"), theme_1 = require("./theme");
 
-function enablePoptip() {
-    vrender_1.container.load(exports.module);
+function loadPoptip(defaultPoptipTheme) {
+    (0, vutils_1.merge)(theme_1.theme.poptip, defaultPoptipTheme), vrender_1.container.load(exports.module);
 }
 
 exports.module = new inversify_1.ContainerModule((bind => {
     bind(contribution_1.PopTipRenderContribution).toSelf().inSingletonScope(), bind(vrender_1.InteractiveSubRenderContribution).toService(contribution_1.PopTipRenderContribution), 
-    bind(poptip_plugin_1.PopTipPlugin).toSelf().inSingletonScope(), bind(vrender_1.AutoEnablePlugins).toService(poptip_plugin_1.PopTipPlugin);
-})), exports.enablePoptip = enablePoptip;
+    bind(poptip_plugin_1.PopTipPlugin).toSelf().inSingletonScope(), bind(vrender_1.AutoEnablePlugins).toService(poptip_plugin_1.PopTipPlugin), 
+    bind(poptip_plugin_1.PopTipForClipedTextPlugin).toSelf().inSingletonScope(), bind(vrender_1.AutoEnablePlugins).toService(poptip_plugin_1.PopTipForClipedTextPlugin);
+})), exports.loadPoptip = loadPoptip;
 //# sourceMappingURL=register.js.map

package/cjs/poptip/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["poptip/register.ts"],"names":[],"mappings":";;;AAAA,+CAAmG;AACnG,yCAA4C;AAC5C,iDAA0D;AAC1D,mDAA+C;AAElC,QAAA,MAAM,GAAG,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IAC/C,IAAI,CAAC,uCAAwB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC3D,IAAI,CAAC,0CAAgC,CAAC,CAAC,SAAS,CAAC,uCAAwB,CAAC,CAAC;IAE3E,IAAI,CAAC,4BAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,2BAAiB,CAAC,CAAC,SAAS,CAAC,4BAAY,CAAC,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,SAAgB,YAAY;IAC1B,mBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,CAAC;AACzB,CAAC;AAFD,oCAEC","file":"register.js","sourcesContent":["import { container, InteractiveSubRenderContribution, AutoEnablePlugins } from '@visactor/vrender';\nimport { ContainerModule } from 'inversify';\nimport { PopTipRenderContribution } from './contribution';\nimport { PopTipPlugin } from './poptip-plugin';\n\nexport const module = new ContainerModule(bind => {\n  bind(PopTipRenderContribution).toSelf().inSingletonScope();\n  bind(InteractiveSubRenderContribution).toService(PopTipRenderContribution);\n\n  bind(PopTipPlugin).toSelf().inSingletonScope();\n  bind(AutoEnablePlugins).toService(PopTipPlugin);\n});\n\nexport function enablePoptip() {\n  container.load(module);\n}\n"]}
+{"version":3,"sources":["poptip/register.ts"],"names":[],"mappings":";;;AAAA,+CAAmG;AACnG,yCAA4C;AAC5C,6CAAyC;AACzC,iDAA0D;AAC1D,mDAA0E;AAE1E,mCAAgC;AAEnB,QAAA,MAAM,GAAG,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IAC/C,IAAI,CAAC,uCAAwB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC3D,IAAI,CAAC,0CAAgC,CAAC,CAAC,SAAS,CAAC,uCAAwB,CAAC,CAAC;IAE3E,IAAI,CAAC,4BAAY,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC/C,IAAI,CAAC,2BAAiB,CAAC,CAAC,SAAS,CAAC,4BAAY,CAAC,CAAC;IAEhD,IAAI,CAAC,yCAAyB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC5D,IAAI,CAAC,2BAAiB,CAAC,CAAC,SAAS,CAAC,yCAAyB,CAAC,CAAC;AAC/D,CAAC,CAAC,CAAC;AAEH,SAAgB,UAAU,CAAC,kBAAoC;IAC7D,IAAA,cAAK,EAAC,aAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACxC,mBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,CAAC;AACzB,CAAC;AAHD,gCAGC","file":"register.js","sourcesContent":["import { container, InteractiveSubRenderContribution, AutoEnablePlugins } from '@visactor/vrender';\nimport { ContainerModule } from 'inversify';\nimport { merge } from '@visactor/vutils';\nimport { PopTipRenderContribution } from './contribution';\nimport { PopTipPlugin, PopTipForClipedTextPlugin } from './poptip-plugin';\nimport type { PopTipAttributes } from './type';\nimport { theme } from './theme';\n\nexport const module = new ContainerModule(bind => {\n  bind(PopTipRenderContribution).toSelf().inSingletonScope();\n  bind(InteractiveSubRenderContribution).toService(PopTipRenderContribution);\n\n  bind(PopTipPlugin).toSelf().inSingletonScope();\n  bind(AutoEnablePlugins).toService(PopTipPlugin);\n\n  bind(PopTipForClipedTextPlugin).toSelf().inSingletonScope();\n  bind(AutoEnablePlugins).toService(PopTipForClipedTextPlugin);\n});\n\nexport function loadPoptip(defaultPoptipTheme: PopTipAttributes) {\n  merge(theme.poptip, defaultPoptipTheme);\n  container.load(module);\n}\n"]}

package/cjs/poptip/theme.d.ts

@@ -0,0 +1,4 @@
+import type { PopTipAttributes } from './type';
+export declare const theme: {
+    poptip: PopTipAttributes;
+};

package/cjs/poptip/theme.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.theme = void 0, exports.theme = {
+    poptip: {
+        visible: !0,
+        position: "top",
+        titleStyle: {
+            fontSize: 16,
+            fill: "#08979c"
+        },
+        contentStyle: {
+            fontSize: 12,
+            fill: "green"
+        },
+        panel: {
+            visible: !0,
+            fill: "#e6fffb",
+            stroke: "#87e8de",
+            lineWidth: 1,
+            cornerRadius: 4
+        }
+    }
+};
+//# sourceMappingURL=theme.js.map

package/cjs/poptip/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["poptip/theme.ts"],"names":[],"mappings":";;;AAEa,QAAA,KAAK,GAAiC;IACjD,MAAM,EAAE;QACN,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YAEb,IAAI,EAAE,SAAS;YAEf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC","file":"theme.js","sourcesContent":["import type { PopTipAttributes } from './type';\n\nexport const theme: { poptip: PopTipAttributes } = {\n  poptip: {\n    visible: true,\n    position: 'top',\n    titleStyle: {\n      fontSize: 16,\n      fill: '#08979c'\n    },\n    contentStyle: {\n      fontSize: 12,\n      fill: 'green'\n    },\n    panel: {\n      visible: true,\n\n      fill: '#e6fffb',\n\n      stroke: '#87e8de',\n      lineWidth: 1,\n      cornerRadius: 4\n    }\n  }\n};\n"]}

package/dist/index.js

@@ -875,27 +875,70 @@
       return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
     };
 
+    const theme = {
+        poptip: {
+            visible: true,
+            position: 'top',
+            titleStyle: {
+                fontSize: 16,
+                fill: '#08979c'
+            },
+            contentStyle: {
+                fontSize: 12,
+                fill: 'green'
+            },
+            panel: {
+                visible: true,
+                fill: '#e6fffb',
+                stroke: '#87e8de',
+                lineWidth: 1,
+                cornerRadius: 4
+            }
+        }
+    };
+
+    function wrapPoptip(target, source) {
+        vutils.merge(target, theme.poptip, source);
+        return target;
+    }
     let PopTipRenderContribution = class PopTipRenderContribution {
         render(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, options) {
-            if (graphic._showPoptip) {
-                const { visible, visibleCb } = graphic.attribute.poptip;
+            if (graphic._showPoptip === 1) {
+                const { visible, visibleCb } = graphic.attribute.poptip || {};
                 if (visible === false || (visibleCb && visibleCb(graphic) === false)) {
                     return;
                 }
                 if (!this.poptipComponent) {
                     this.poptipComponent = new PopTip(graphic.attribute.poptip);
                 }
+                let poptip = graphic.attribute.poptip || {};
+                if (graphic.type === 'text' && poptip.title == null && poptip.content == null) {
+                    const out = {};
+                    wrapPoptip(out, poptip);
+                    poptip = out;
+                    poptip.content = poptip.content ?? graphic.attribute.text;
+                }
+                const matrix = graphic.globalTransMatrix;
                 this.poptipComponent.setAttributes({
-                    ...graphic.attribute.poptip,
-                    x: 0,
-                    y: 0,
-                    postMatrix: graphic.globalTransMatrix
+                    visibleAll: true,
+                    pickable: false,
+                    childrenPickable: false,
+                    ...poptip,
+                    x: matrix.e,
+                    y: matrix.f
                 });
                 const interactiveLayer = drawContext.stage.getLayer('_builtin_interactive');
                 if (interactiveLayer) {
                     interactiveLayer.add(this.poptipComponent);
                 }
             }
+            else if (graphic._showPoptip === 2) {
+                graphic._showPoptip = 0;
+                this.poptipComponent &&
+                    this.poptipComponent.setAttributes({
+                        visibleAll: false
+                    });
+            }
         }
     };
     PopTipRenderContribution = __decorate([
@@ -916,16 +959,21 @@
         }
         poptip = (e) => {
             const graphic = e.target;
-            if (graphic.isContainer || !graphic.attribute || graphic === this.activeGraphic) {
+            if (graphic.isContainer || !graphic.attribute) {
                 this.unpoptip(e);
                 return;
             }
+            if (graphic === this.activeGraphic) {
+                return;
+            }
             const { poptip } = graphic.attribute;
             if (poptip) {
-                graphic._showPoptip = true;
+                graphic.setAttributes({});
+                graphic._showPoptip = 1;
             }
             if (this.activeGraphic) {
-                this.activeGraphic._showPoptip = false;
+                this.activeGraphic.setAttributes({});
+                this.activeGraphic._showPoptip = 2;
             }
             this.setActiveGraphic(graphic, true);
         };
@@ -933,7 +981,8 @@
             if (!this.activeGraphic) {
                 return;
             }
-            this.activeGraphic._showPoptip = false;
+            this.activeGraphic.setAttributes({});
+            this.activeGraphic._showPoptip = 2;
             this.setActiveGraphic(null, true);
         };
         setActiveGraphic(graphic, rerender) {
@@ -948,14 +997,69 @@
     PopTipPlugin = __decorate([
         injectable()
     ], PopTipPlugin);
+    let PopTipForClipedTextPlugin = class PopTipForClipedTextPlugin {
+        name = 'poptipForText';
+        activeEvent = 'onRegister';
+        pluginService;
+        _uid = vrender.Generator.GenAutoIncrementId();
+        key = this.name + this._uid;
+        activeGraphic;
+        activate(context) {
+            this.pluginService = context;
+            const { stage } = this.pluginService;
+            stage.addEventListener('pointerover', this.poptip);
+        }
+        poptip = (e) => {
+            const graphic = e.target;
+            if (graphic.type !== 'text' || !graphic.cliped || graphic.isContainer || !graphic.attribute) {
+                this.unpoptip(e);
+                return;
+            }
+            if (graphic === this.activeGraphic) {
+                return;
+            }
+            const { poptip = {} } = graphic.attribute;
+            if (poptip) {
+                graphic.setAttributes({});
+                graphic._showPoptip = 1;
+            }
+            if (this.activeGraphic) {
+                this.activeGraphic.setAttributes({});
+                this.activeGraphic._showPoptip = 2;
+            }
+            this.setActiveGraphic(graphic, true);
+        };
+        unpoptip = (e) => {
+            if (!this.activeGraphic) {
+                return;
+            }
+            this.activeGraphic.setAttributes({});
+            this.activeGraphic._showPoptip = 2;
+            this.setActiveGraphic(null, true);
+        };
+        setActiveGraphic(graphic, rerender) {
+            this.activeGraphic = graphic;
+            this.pluginService.stage.renderNextFrame();
+        }
+        deactivate(context) {
+            const { stage } = this.pluginService;
+            stage.removeEventListener('pointerover', this.poptip);
+        }
+    };
+    PopTipForClipedTextPlugin = __decorate([
+        injectable()
+    ], PopTipForClipedTextPlugin);
 
     const module = new ContainerModule(bind => {
         bind(PopTipRenderContribution).toSelf().inSingletonScope();
         bind(vrender.InteractiveSubRenderContribution).toService(PopTipRenderContribution);
         bind(PopTipPlugin).toSelf().inSingletonScope();
         bind(vrender.AutoEnablePlugins).toService(PopTipPlugin);
+        bind(PopTipForClipedTextPlugin).toSelf().inSingletonScope();
+        bind(vrender.AutoEnablePlugins).toService(PopTipForClipedTextPlugin);
     });
-    function enablePoptip() {
+    function loadPoptip(defaultPoptipTheme) {
+        vutils.merge(theme.poptip, defaultPoptipTheme);
         vrender.container.load(module);
     }
 
@@ -9323,7 +9427,7 @@
         }
     }
 
-    const version = "0.13.2-alpha.2";
+    const version = "0.13.2";
 
     exports.AbstractComponent = AbstractComponent;
     exports.BasePlayer = BasePlayer;
@@ -9372,10 +9476,10 @@
     exports.Tag = Tag;
     exports.Title = Title;
     exports.Tooltip = Tooltip;
-    exports.enablePoptip = enablePoptip;
     exports.getHorizontalPath = getHorizontalPath;
     exports.getSizeHandlerPath = getSizeHandlerPath;
     exports.getVerticalPath = getVerticalPath;
+    exports.loadPoptip = loadPoptip;
     exports.module = module;
     exports.version = version;