@visactor/vchart 0.2.1-alpha.0 → 1.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/build/index.js +1053 -1006
- package/build/index.min.js +2 -2
- package/cjs/component/axis/cartesian/axis.js +3 -3
- package/cjs/component/axis/cartesian/axis.js.map +1 -1
- package/cjs/component/tooltip/handler/base.d.ts +5 -4
- package/cjs/component/tooltip/handler/base.js +44 -34
- package/cjs/component/tooltip/handler/base.js.map +1 -1
- package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.d.ts +2 -2
- package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.js +2 -2
- package/cjs/component/tooltip/handler/canvas/canvas-tooltip-handler.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/constants.d.ts +2 -0
- package/cjs/component/tooltip/handler/dom/constants.js +7 -0
- package/cjs/component/tooltip/handler/dom/constants.js.map +1 -0
- package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.d.ts +9 -3
- package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.js +30 -13
- package/cjs/component/tooltip/handler/dom/dom-tooltip-handler.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/interface.d.ts +16 -5
- package/cjs/component/tooltip/handler/dom/interface.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/base-tooltip-model.d.ts +7 -13
- package/cjs/component/tooltip/handler/dom/model/base-tooltip-model.js +12 -27
- package/cjs/component/tooltip/handler/dom/model/base-tooltip-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/content-column-model.d.ts +13 -3
- package/cjs/component/tooltip/handler/dom/model/content-column-model.js +42 -26
- package/cjs/component/tooltip/handler/dom/model/content-column-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/content-model.d.ts +4 -3
- package/cjs/component/tooltip/handler/dom/model/content-model.js +4 -4
- package/cjs/component/tooltip/handler/dom/model/content-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/interface.d.ts +5 -0
- package/cjs/component/tooltip/handler/dom/model/interface.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/shape-model.d.ts +5 -5
- package/cjs/component/tooltip/handler/dom/model/shape-model.js +4 -4
- package/cjs/component/tooltip/handler/dom/model/shape-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/style-constants.d.ts +4 -4
- package/cjs/component/tooltip/handler/dom/model/style-constants.js +16 -15
- package/cjs/component/tooltip/handler/dom/model/style-constants.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/text-model.js +1 -0
- package/cjs/component/tooltip/handler/dom/model/text-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/title-model.d.ts +3 -2
- package/cjs/component/tooltip/handler/dom/model/title-model.js +15 -19
- package/cjs/component/tooltip/handler/dom/model/title-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/model/tooltip-model.d.ts +1 -2
- package/cjs/component/tooltip/handler/dom/model/tooltip-model.js +20 -16
- package/cjs/component/tooltip/handler/dom/model/tooltip-model.js.map +1 -1
- package/cjs/component/tooltip/handler/dom/util.d.ts +5 -0
- package/cjs/component/tooltip/handler/dom/{utils/style.js → util.js} +31 -19
- package/cjs/component/tooltip/handler/dom/util.js.map +1 -0
- package/cjs/component/tooltip/handler/interface/index.d.ts +0 -1
- package/cjs/component/tooltip/handler/interface/index.js +1 -1
- package/cjs/component/tooltip/handler/interface/index.js.map +1 -1
- package/cjs/component/tooltip/handler/utils/attribute.js +10 -7
- package/cjs/component/tooltip/handler/utils/attribute.js.map +1 -1
- package/cjs/component/tooltip/handler/utils/common.d.ts +6 -2
- package/cjs/component/tooltip/handler/utils/common.js +19 -5
- package/cjs/component/tooltip/handler/utils/common.js.map +1 -1
- package/cjs/component/tooltip/handler/utils/compose.d.ts +3 -2
- package/cjs/component/tooltip/handler/utils/compose.js +27 -37
- package/cjs/component/tooltip/handler/utils/compose.js.map +1 -1
- package/cjs/component/tooltip/handler/utils/get-spec.js +26 -20
- package/cjs/component/tooltip/handler/utils/get-spec.js.map +1 -1
- package/cjs/component/tooltip/handler/utils/style.d.ts +2 -1
- package/cjs/component/tooltip/handler/utils/style.js +4 -4
- package/cjs/component/tooltip/handler/utils/style.js.map +1 -1
- package/cjs/component/tooltip/tooltip.d.ts +3 -1
- package/cjs/component/tooltip/tooltip.js +33 -18
- package/cjs/component/tooltip/tooltip.js.map +1 -1
- package/cjs/constant/box-plot.js +2 -1
- package/cjs/constant/scroll-bar.js +1 -2
- package/cjs/core/instance-manager.d.ts +1 -1
- package/cjs/core/instance-manager.js.map +1 -1
- package/cjs/core/vchart.d.ts +1 -0
- package/cjs/core/vchart.js +6 -0
- package/cjs/core/vchart.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/layout/layout3d/index.js +2 -2
- package/cjs/layout/layout3d/index.js.map +1 -1
- package/cjs/mark/area.js +2 -1
- package/cjs/mark/cell.js +1 -1
- package/cjs/mark/component.js +1 -1
- package/cjs/mark/group.js +1 -1
- package/cjs/mark/line.js +1 -1
- package/cjs/mark/linkPath.js +1 -1
- package/cjs/mark/path.js +1 -1
- package/cjs/model/base-model.js +1 -1
- package/cjs/model/interface.js +1 -1
- package/cjs/model/layout-item.js +1 -1
- package/cjs/model/model-state-manager.js +1 -2
- package/cjs/model/tooltip-helper.js +1 -1
- package/cjs/plugin/interface.js +1 -1
- package/cjs/series/base/tooltip-helper.d.ts +8 -7
- package/cjs/series/base/tooltip-helper.js +4 -4
- package/cjs/series/base/tooltip-helper.js.map +1 -1
- package/cjs/series/dot/tooltip-helper.js +2 -2
- package/cjs/series/dot/tooltip-helper.js.map +1 -1
- package/cjs/series/funnel/tooltip-helper.d.ts +5 -3
- package/cjs/series/funnel/tooltip-helper.js +8 -7
- package/cjs/series/funnel/tooltip-helper.js.map +1 -1
- package/cjs/series/interface/tooltip-helper.d.ts +6 -6
- package/cjs/series/interface/tooltip-helper.js.map +1 -1
- package/cjs/theme/buildin-theme/light/component/tooltip.js +1 -0
- package/cjs/theme/buildin-theme/light/component/tooltip.js.map +1 -1
- package/cjs/typings/tooltip/common.d.ts +7 -1
- package/cjs/typings/tooltip/common.js.map +1 -1
- package/cjs/typings/tooltip/handler.d.ts +1 -1
- package/cjs/typings/tooltip/handler.js.map +1 -1
- package/cjs/typings/tooltip/line.d.ts +6 -4
- package/cjs/typings/tooltip/line.js.map +1 -1
- package/cjs/typings/tooltip/shape.d.ts +3 -3
- package/cjs/typings/tooltip/shape.js.map +1 -1
- package/cjs/typings/tooltip/tooltip.d.ts +9 -8
- package/cjs/typings/tooltip/tooltip.js.map +1 -1
- package/esm/component/axis/cartesian/axis.js +3 -3
- package/esm/component/axis/cartesian/axis.js.map +1 -1
- package/esm/component/tooltip/handler/base.d.ts +5 -4
- package/esm/component/tooltip/handler/base.js +45 -35
- package/esm/component/tooltip/handler/base.js.map +1 -1
- package/esm/component/tooltip/handler/canvas/canvas-tooltip-handler.d.ts +2 -2
- package/esm/component/tooltip/handler/canvas/canvas-tooltip-handler.js +2 -3
- package/esm/component/tooltip/handler/canvas/canvas-tooltip-handler.js.map +1 -1
- package/esm/component/tooltip/handler/dom/constants.d.ts +2 -0
- package/esm/component/tooltip/handler/dom/constants.js +4 -0
- package/esm/component/tooltip/handler/dom/constants.js.map +1 -0
- package/esm/component/tooltip/handler/dom/dom-tooltip-handler.d.ts +9 -3
- package/esm/component/tooltip/handler/dom/dom-tooltip-handler.js +32 -12
- package/esm/component/tooltip/handler/dom/dom-tooltip-handler.js.map +1 -1
- package/esm/component/tooltip/handler/dom/interface.d.ts +16 -5
- package/esm/component/tooltip/handler/dom/interface.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/base-tooltip-model.d.ts +7 -13
- package/esm/component/tooltip/handler/dom/model/base-tooltip-model.js +11 -29
- package/esm/component/tooltip/handler/dom/model/base-tooltip-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/content-column-model.d.ts +13 -3
- package/esm/component/tooltip/handler/dom/model/content-column-model.js +42 -24
- package/esm/component/tooltip/handler/dom/model/content-column-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/content-model.d.ts +4 -3
- package/esm/component/tooltip/handler/dom/model/content-model.js +5 -5
- package/esm/component/tooltip/handler/dom/model/content-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/interface.d.ts +5 -0
- package/esm/component/tooltip/handler/dom/model/interface.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/shape-model.d.ts +5 -5
- package/esm/component/tooltip/handler/dom/model/shape-model.js +4 -4
- package/esm/component/tooltip/handler/dom/model/shape-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/style-constants.d.ts +4 -4
- package/esm/component/tooltip/handler/dom/model/style-constants.js +19 -18
- package/esm/component/tooltip/handler/dom/model/style-constants.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/text-model.js +1 -0
- package/esm/component/tooltip/handler/dom/model/text-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/title-model.d.ts +3 -2
- package/esm/component/tooltip/handler/dom/model/title-model.js +15 -19
- package/esm/component/tooltip/handler/dom/model/title-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/model/tooltip-model.d.ts +1 -2
- package/esm/component/tooltip/handler/dom/model/tooltip-model.js +21 -16
- package/esm/component/tooltip/handler/dom/model/tooltip-model.js.map +1 -1
- package/esm/component/tooltip/handler/dom/util.d.ts +5 -0
- package/esm/component/tooltip/handler/dom/util.js +71 -0
- package/esm/component/tooltip/handler/dom/util.js.map +1 -0
- package/esm/component/tooltip/handler/interface/index.d.ts +0 -1
- package/esm/component/tooltip/handler/interface/index.js +0 -2
- package/esm/component/tooltip/handler/interface/index.js.map +1 -1
- package/esm/component/tooltip/handler/utils/attribute.js +9 -6
- package/esm/component/tooltip/handler/utils/attribute.js.map +1 -1
- package/esm/component/tooltip/handler/utils/common.d.ts +6 -2
- package/esm/component/tooltip/handler/utils/common.js +12 -1
- package/esm/component/tooltip/handler/utils/common.js.map +1 -1
- package/esm/component/tooltip/handler/utils/compose.d.ts +3 -2
- package/esm/component/tooltip/handler/utils/compose.js +22 -35
- package/esm/component/tooltip/handler/utils/compose.js.map +1 -1
- package/esm/component/tooltip/handler/utils/get-spec.js +25 -19
- package/esm/component/tooltip/handler/utils/get-spec.js.map +1 -1
- package/esm/component/tooltip/handler/utils/style.d.ts +2 -1
- package/esm/component/tooltip/handler/utils/style.js +4 -4
- package/esm/component/tooltip/handler/utils/style.js.map +1 -1
- package/esm/component/tooltip/tooltip.d.ts +3 -1
- package/esm/component/tooltip/tooltip.js +33 -18
- package/esm/component/tooltip/tooltip.js.map +1 -1
- package/esm/constant/box-plot.js +2 -1
- package/esm/constant/scroll-bar.js +1 -2
- package/esm/core/instance-manager.d.ts +1 -1
- package/esm/core/instance-manager.js.map +1 -1
- package/esm/core/vchart.d.ts +1 -0
- package/esm/core/vchart.js +6 -0
- package/esm/core/vchart.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/esm/layout/layout3d/index.js +2 -2
- package/esm/layout/layout3d/index.js.map +1 -1
- package/esm/mark/area.js +2 -1
- package/esm/mark/cell.js +1 -1
- package/esm/mark/component.js +1 -1
- package/esm/mark/group.js +1 -1
- package/esm/mark/line.js +1 -1
- package/esm/mark/linkPath.js +1 -1
- package/esm/mark/path.js +1 -1
- package/esm/model/base-model.js +1 -1
- package/esm/model/interface.js +1 -1
- package/esm/model/layout-item.js +1 -1
- package/esm/model/model-state-manager.js +1 -2
- package/esm/model/tooltip-helper.js +1 -1
- package/esm/plugin/interface.js +1 -1
- package/esm/series/base/tooltip-helper.d.ts +8 -7
- package/esm/series/base/tooltip-helper.js +4 -4
- package/esm/series/base/tooltip-helper.js.map +1 -1
- package/esm/series/dot/tooltip-helper.js +2 -2
- package/esm/series/dot/tooltip-helper.js.map +1 -1
- package/esm/series/funnel/tooltip-helper.d.ts +5 -3
- package/esm/series/funnel/tooltip-helper.js +8 -5
- package/esm/series/funnel/tooltip-helper.js.map +1 -1
- package/esm/series/interface/tooltip-helper.d.ts +6 -6
- package/esm/series/interface/tooltip-helper.js.map +1 -1
- package/esm/theme/buildin-theme/light/component/tooltip.js +1 -0
- package/esm/theme/buildin-theme/light/component/tooltip.js.map +1 -1
- package/esm/typings/tooltip/common.d.ts +7 -1
- package/esm/typings/tooltip/common.js.map +1 -1
- package/esm/typings/tooltip/handler.d.ts +1 -1
- package/esm/typings/tooltip/handler.js.map +1 -1
- package/esm/typings/tooltip/line.d.ts +6 -4
- package/esm/typings/tooltip/line.js.map +1 -1
- package/esm/typings/tooltip/shape.d.ts +3 -3
- package/esm/typings/tooltip/shape.js.map +1 -1
- package/esm/typings/tooltip/tooltip.d.ts +9 -8
- package/esm/typings/tooltip/tooltip.js.map +1 -1
- package/package.json +3 -3
- package/README.zh-CN.md +0 -1
- package/cjs/component/tooltip/handler/dom/utils/style.d.ts +0 -3
- package/cjs/component/tooltip/handler/dom/utils/style.js.map +0 -1
- package/cjs/component/tooltip/handler/interface/cache.d.ts +0 -28
- package/cjs/component/tooltip/handler/interface/cache.js +0 -6
- package/cjs/component/tooltip/handler/interface/cache.js.map +0 -1
- package/esm/component/tooltip/handler/dom/utils/style.d.ts +0 -3
- package/esm/component/tooltip/handler/dom/utils/style.js +0 -59
- package/esm/component/tooltip/handler/dom/utils/style.js.map +0 -1
- package/esm/component/tooltip/handler/interface/cache.d.ts +0 -28
- package/esm/component/tooltip/handler/interface/cache.js +0 -2
- package/esm/component/tooltip/handler/interface/cache.js.map +0 -1
|
@@ -13,7 +13,6 @@ type ChangeTooltipFunc = (visible: boolean, params: TooltipHandlerParams, change
|
|
|
13
13
|
type ChangeTooltipPositionFunc = (changePositionOnly: boolean, actualTooltip: IToolTipActual, spec: ITooltipSpec, activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
|
|
14
14
|
export declare abstract class BaseTooltipHandler implements ITooltipHandler {
|
|
15
15
|
readonly type: string;
|
|
16
|
-
protected _tooltipSpec: ITooltipSpec;
|
|
17
16
|
protected _visible: boolean;
|
|
18
17
|
protected _option: Options;
|
|
19
18
|
protected _chartOption: IChartOption;
|
|
@@ -28,8 +27,8 @@ export declare abstract class BaseTooltipHandler implements ITooltipHandler {
|
|
|
28
27
|
private _cacheActualTooltip;
|
|
29
28
|
protected _attributeCache?: TooltipAttributes | null;
|
|
30
29
|
protected _style: ITooltipStyle;
|
|
31
|
-
protected _container: IGroup | HTMLElement
|
|
32
|
-
constructor(
|
|
30
|
+
protected _container: Maybe<IGroup | HTMLElement>;
|
|
31
|
+
constructor(tooltipId: string, component: Tooltip);
|
|
33
32
|
showTooltip: (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => TooltipResult;
|
|
34
33
|
protected changeTooltip: ChangeTooltipFunc;
|
|
35
34
|
protected _changeTooltip: ChangeTooltipFunc;
|
|
@@ -41,11 +40,13 @@ export declare abstract class BaseTooltipHandler implements ITooltipHandler {
|
|
|
41
40
|
protected abstract _removeTooltip(): void;
|
|
42
41
|
protected _throttle(callback: any): (...args: unknown[]) => unknown;
|
|
43
42
|
protected _getDefaultOption(): Options;
|
|
44
|
-
protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData,
|
|
43
|
+
protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, params: TooltipHandlerParams) => IToolTipActual;
|
|
45
44
|
protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, position: TooltipPosition | undefined, params: TooltipHandlerParams, parentElement: HTMLElement, changePositionOnly: boolean) => ITooltipPositionActual;
|
|
46
45
|
protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined;
|
|
47
46
|
protected _getStyle(): ITooltipStyle;
|
|
48
47
|
protected _getParentElement(spec: ITooltipSpec): HTMLElement;
|
|
49
48
|
getTooltipContainer(): IGroup | HTMLElement;
|
|
49
|
+
protected _initFromSpec(): void;
|
|
50
|
+
reInit(): void;
|
|
50
51
|
}
|
|
51
52
|
export {};
|
|
@@ -6,7 +6,7 @@ import { isTrueBrowser, isValid, throttle, isNil } from "../../../util";
|
|
|
6
6
|
|
|
7
7
|
import { TooltipFixedPosition } from "../../../typings/tooltip";
|
|
8
8
|
|
|
9
|
-
import { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue } from "./utils";
|
|
9
|
+
import { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue, getTooltipPatternValue } from "./utils";
|
|
10
10
|
|
|
11
11
|
import { TooltipResult } from "../interface";
|
|
12
12
|
|
|
@@ -23,7 +23,7 @@ export class BaseTooltipHandler {
|
|
|
23
23
|
get env() {
|
|
24
24
|
return this._env;
|
|
25
25
|
}
|
|
26
|
-
constructor(
|
|
26
|
+
constructor(tooltipId, component) {
|
|
27
27
|
this._visible = !0, this._id = "", this._attributeCache = null, this.showTooltip = (activeType, data, params) => {
|
|
28
28
|
var _a;
|
|
29
29
|
let changePositionOnly = !!params.changePositionOnly;
|
|
@@ -33,22 +33,21 @@ export class BaseTooltipHandler {
|
|
|
33
33
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
34
34
|
if (!visible) {
|
|
35
35
|
this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
|
|
36
|
-
const spec = this.
|
|
36
|
+
const spec = this._component.getSpec();
|
|
37
37
|
return (null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.hideTooltip) ? (null === (_b = spec.handler) || void 0 === _b || _b.hideTooltip(params),
|
|
38
38
|
TooltipResult.success) : (this._updateTooltip(!1, params), TooltipResult.success);
|
|
39
39
|
}
|
|
40
40
|
if (isNil(activeType) || isNil(data)) return TooltipResult.failed;
|
|
41
|
-
const event = params.event;
|
|
42
41
|
let spec;
|
|
43
|
-
if (changePositionOnly && this._cacheViewSpec ? spec = this._cacheViewSpec : (spec = getTooltipSpecForShow(activeType, this.
|
|
42
|
+
if (changePositionOnly && this._cacheViewSpec ? spec = this._cacheViewSpec : (spec = getTooltipSpecForShow(activeType, this._component.getSpec(), params.model, params.dimensionInfo),
|
|
44
43
|
this._cacheViewSpec = spec), !1 === spec.visible) return TooltipResult.failed;
|
|
45
44
|
if (null === (_c = spec.handler) || void 0 === _c ? void 0 : _c.showTooltip) return null !== (_e = null === (_d = spec.handler) || void 0 === _d ? void 0 : _d.showTooltip(activeType, data, params)) && void 0 !== _e ? _e : TooltipResult.success;
|
|
46
45
|
const pattern = spec[activeType];
|
|
47
46
|
if (!pattern) return TooltipResult.failed;
|
|
48
47
|
let actualTooltip;
|
|
49
|
-
return changePositionOnly && this._cacheActualTooltip ? actualTooltip = this._cacheActualTooltip : (actualTooltip = this._getActualTooltipContent(pattern, data,
|
|
50
|
-
pattern.updateTitle && (actualTooltip.title = pattern.updateTitle(actualTooltip.title, data)),
|
|
51
|
-
pattern.updateContent && (actualTooltip.content = pattern.updateContent(actualTooltip.content, data))),
|
|
48
|
+
return changePositionOnly && this._cacheActualTooltip ? actualTooltip = this._cacheActualTooltip : (actualTooltip = this._getActualTooltipContent(pattern, data, params),
|
|
49
|
+
pattern.updateTitle && (actualTooltip.title = pattern.updateTitle(actualTooltip.title, data, params)),
|
|
50
|
+
pattern.updateContent && (actualTooltip.content = pattern.updateContent(actualTooltip.content, data, params))),
|
|
52
51
|
isNil(null === (_f = actualTooltip.title) || void 0 === _f ? void 0 : _f.key) && isNil(null === (_g = actualTooltip.title) || void 0 === _g ? void 0 : _g.value) && !(null === (_h = actualTooltip.content) || void 0 === _h ? void 0 : _h.length) ? TooltipResult.failed : (this._cacheActualTooltip = actualTooltip,
|
|
53
52
|
this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType, data, params));
|
|
54
53
|
}, this._changeTooltipPosition = (changePositionOnly, actualTooltip, spec, activeType, data, params) => {
|
|
@@ -57,23 +56,24 @@ export class BaseTooltipHandler {
|
|
|
57
56
|
if (null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.showTooltip) return null !== (_b = spec.handler.showTooltip(activeType, data, params)) && void 0 !== _b ? _b : TooltipResult.success;
|
|
58
57
|
const pattern = spec[activeType];
|
|
59
58
|
if (!pattern) return TooltipResult.failed;
|
|
60
|
-
const position = this._getActualTooltipPosition(actualTooltip, pattern.position, params, this._getParentElement(spec), changePositionOnly);
|
|
61
|
-
actualTooltip.position = position, pattern.updatePosition && (actualTooltip.position = pattern.updatePosition(actualTooltip.position, data));
|
|
59
|
+
const position = this._getActualTooltipPosition(actualTooltip, getTooltipPatternValue(pattern.position, data, params), params, this._getParentElement(spec), changePositionOnly);
|
|
60
|
+
actualTooltip.position = position, pattern.updatePosition && (actualTooltip.position = pattern.updatePosition(actualTooltip.position, data, params));
|
|
62
61
|
let tooltipVisible = !1 !== (null == pattern ? void 0 : pattern.visible);
|
|
63
62
|
return data && "mouseout" !== event.type && actualTooltip.visible && (actualTooltip.title || actualTooltip.content) || (tooltipVisible = !1),
|
|
64
63
|
this._updateTooltip(tooltipVisible, Object.assign(Object.assign({}, params), {
|
|
65
64
|
changePositionOnly: changePositionOnly
|
|
66
65
|
}), actualTooltip), TooltipResult.success;
|
|
67
|
-
}, this._getActualTooltipContent = (pattern, data,
|
|
66
|
+
}, this._getActualTooltipContent = (pattern, data, params) => {
|
|
67
|
+
const patternVisible = getTooltipPatternValue(pattern.visible, data, params);
|
|
68
68
|
let tooltipContent = null;
|
|
69
|
-
tooltipContent = getShowContent(pattern, data,
|
|
69
|
+
tooltipContent = getShowContent(pattern, data, params);
|
|
70
70
|
return Object.assign(Object.assign({}, tooltipContent), {
|
|
71
|
-
visible: !!isValid(tooltipContent) && !1 !==
|
|
71
|
+
visible: !!isValid(tooltipContent) && !1 !== patternVisible,
|
|
72
72
|
activeType: pattern.activeType
|
|
73
73
|
});
|
|
74
74
|
}, this._getActualTooltipPosition = (actualTooltip, position, params, parentElement, changePositionOnly) => {
|
|
75
75
|
var _a, _b, _c, _d, _e;
|
|
76
|
-
const event = params.event, {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null !== (_a = this._getTooltipBoxSize(actualTooltip, changePositionOnly)) && void 0 !== _a ? _a : {}, {offsetX: offsetX, offsetY: offsetY} = this._option, isCanvas = "canvas" ===
|
|
76
|
+
const event = params.event, {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null !== (_a = this._getTooltipBoxSize(actualTooltip, changePositionOnly)) && void 0 !== _a ? _a : {}, {offsetX: offsetX, offsetY: offsetY} = this._option, tooltipSpec = this._component.getSpec(), isCanvas = "canvas" === tooltipSpec.renderMode, canvasRect = null === (_b = null == params ? void 0 : params.chart) || void 0 === _b ? void 0 : _b.getCanvasRect(), canvasWidth = null !== (_c = null == canvasRect ? void 0 : canvasRect.width) && void 0 !== _c ? _c : DEFAULT_CHART_WIDTH, canvasHeight = null !== (_d = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _d ? _d : DEFAULT_CHART_HEIGHT;
|
|
77
77
|
let left, top, right, bottom, x, y;
|
|
78
78
|
if (isObject(position)) {
|
|
79
79
|
const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
|
|
@@ -123,7 +123,7 @@ export class BaseTooltipHandler {
|
|
|
123
123
|
x: 0,
|
|
124
124
|
y: 0
|
|
125
125
|
};
|
|
126
|
-
if (isTrueBrowser(this._env) && !
|
|
126
|
+
if (isTrueBrowser(this._env) && !tooltipSpec.confine) {
|
|
127
127
|
if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight,
|
|
128
128
|
!isCanvas) {
|
|
129
129
|
const chartRenderer = null !== (_e = this._compiler.getCanvas()) && void 0 !== _e ? _e : this._chartContainer;
|
|
@@ -150,11 +150,9 @@ export class BaseTooltipHandler {
|
|
|
150
150
|
x: x,
|
|
151
151
|
y: y
|
|
152
152
|
};
|
|
153
|
-
}, this.
|
|
154
|
-
this.
|
|
155
|
-
this.
|
|
156
|
-
this._style = this._getStyle(), this.changeTooltip = this._throttle(this._changeTooltip),
|
|
157
|
-
this.changeTooltipPosition = this._throttle(this._changeTooltipPosition);
|
|
153
|
+
}, this._component = component, this._chartOption = component.getOption(), this._env = this._chartOption.mode,
|
|
154
|
+
this._chartContainer = this._chartOption.globalInstance.getContainer(), this._compiler = component.getCompiler(),
|
|
155
|
+
this._id = tooltipId, this._initFromSpec();
|
|
158
156
|
}
|
|
159
157
|
hideTooltip(params) {
|
|
160
158
|
this.changeTooltip(!1, params);
|
|
@@ -162,49 +160,54 @@ export class BaseTooltipHandler {
|
|
|
162
160
|
release() {
|
|
163
161
|
var _a, _b;
|
|
164
162
|
this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0;
|
|
165
|
-
const spec = this.
|
|
163
|
+
const spec = this._component.getSpec();
|
|
166
164
|
(null === (_a = spec.handler) || void 0 === _a ? void 0 : _a.release) ? null === (_b = spec.handler) || void 0 === _b || _b.release() : this._removeTooltip();
|
|
167
165
|
}
|
|
168
166
|
_throttle(callback) {
|
|
167
|
+
const tooltipSpec = this._component.getSpec();
|
|
169
168
|
let wait;
|
|
170
|
-
return wait = isNumber(
|
|
169
|
+
return wait = isNumber(tooltipSpec.throttleInterval) ? tooltipSpec.throttleInterval : "html" === tooltipSpec.renderMode && tooltipSpec.transitionDuration ? 50 : 10,
|
|
171
170
|
throttle(callback, wait);
|
|
172
171
|
}
|
|
173
172
|
_getDefaultOption() {
|
|
174
173
|
var _a, _b;
|
|
175
|
-
const {offset: offset} = this.
|
|
174
|
+
const {offset: offset} = this._component.getSpec();
|
|
176
175
|
return Object.assign(Object.assign({}, DEFAULT_OPTIONS), {
|
|
177
176
|
offsetX: null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : DEFAULT_OPTIONS.offsetX,
|
|
178
177
|
offsetY: null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : DEFAULT_OPTIONS.offsetY
|
|
179
178
|
});
|
|
180
179
|
}
|
|
181
180
|
_getTooltipBoxSize(actualTooltip, changePositionOnly) {
|
|
181
|
+
var _a, _b, _c, _d;
|
|
182
182
|
return changePositionOnly && !isNil(this._attributeCache) || (this._attributeCache = getTooltipAttributes(actualTooltip, this._style)),
|
|
183
183
|
{
|
|
184
|
-
width: this._attributeCache.panel.width,
|
|
185
|
-
height: this._attributeCache.panel.height
|
|
184
|
+
width: null === (_b = null === (_a = this._attributeCache) || void 0 === _a ? void 0 : _a.panel) || void 0 === _b ? void 0 : _b.width,
|
|
185
|
+
height: null === (_d = null === (_c = this._attributeCache) || void 0 === _c ? void 0 : _c.panel) || void 0 === _d ? void 0 : _d.height
|
|
186
186
|
};
|
|
187
187
|
}
|
|
188
188
|
_getStyle() {
|
|
189
|
-
var _a, _b, _c;
|
|
190
|
-
const {style: style = {}, maxWidth: maxWidth, minWidth: minWidth, enterable: enterable, transitionDuration: transitionDuration} =
|
|
189
|
+
var _a, _b, _c, _d, _e;
|
|
190
|
+
const tooltipSpec = this._component.getSpec(), {style: style = {}, maxWidth: maxWidth, minWidth: minWidth, enterable: enterable, transitionDuration: transitionDuration} = tooltipSpec, {panel: {backgroundColor: backgroundColor, border: border, shadow: shadow, padding: padding}, titleLabel: titleLabel, shape: shape, keyLabel: keyLabel, valueLabel: valueLabel, spaceRow: spaceRow} = style, panelStyle = {
|
|
191
191
|
lineWidth: null !== (_a = null == border ? void 0 : border.width) && void 0 !== _a ? _a : 0,
|
|
192
192
|
shadow: !!shadow
|
|
193
193
|
};
|
|
194
|
-
|
|
194
|
+
(null == border ? void 0 : border.color) && (panelStyle.stroke = border.color),
|
|
195
195
|
backgroundColor && (panelStyle.fill = backgroundColor), shadow && (panelStyle.shadowColor = shadow.color,
|
|
196
196
|
panelStyle.shadowBlur = shadow.blur, panelStyle.shadowOffsetX = shadow.x, panelStyle.shadowOffsetY = shadow.y,
|
|
197
|
-
panelStyle.shadowSpread = shadow.spread)
|
|
198
|
-
{
|
|
197
|
+
panelStyle.shadowSpread = shadow.spread);
|
|
198
|
+
const {radius: radius} = null != border ? border : {};
|
|
199
|
+
isValid(radius) && (panelStyle.borderRadius = [ radius, radius, radius, radius ]);
|
|
200
|
+
const globalTheme = null === (_c = (_b = this._chartOption).getTheme) || void 0 === _c ? void 0 : _c.call(_b);
|
|
201
|
+
return {
|
|
199
202
|
panel: panelStyle,
|
|
200
|
-
title: getTextAttributes(titleLabel,
|
|
203
|
+
title: getTextAttributes(titleLabel, globalTheme),
|
|
201
204
|
shape: {
|
|
202
205
|
fill: !0,
|
|
203
|
-
size: null !== (
|
|
204
|
-
spacing: null !== (
|
|
206
|
+
size: null !== (_d = null == shape ? void 0 : shape.size) && void 0 !== _d ? _d : 8,
|
|
207
|
+
spacing: null !== (_e = null == shape ? void 0 : shape.spacing) && void 0 !== _e ? _e : 6
|
|
205
208
|
},
|
|
206
|
-
key: getTextAttributes(keyLabel,
|
|
207
|
-
value: getTextAttributes(valueLabel,
|
|
209
|
+
key: getTextAttributes(keyLabel, globalTheme),
|
|
210
|
+
value: getTextAttributes(valueLabel, globalTheme),
|
|
208
211
|
padding: padding,
|
|
209
212
|
minWidth: minWidth,
|
|
210
213
|
maxWidth: maxWidth,
|
|
@@ -219,5 +222,12 @@ export class BaseTooltipHandler {
|
|
|
219
222
|
getTooltipContainer() {
|
|
220
223
|
return this._container;
|
|
221
224
|
}
|
|
225
|
+
_initFromSpec() {
|
|
226
|
+
this._option = this._getDefaultOption(), this._style = this._getStyle(), this.changeTooltip = this._throttle(this._changeTooltip),
|
|
227
|
+
this.changeTooltipPosition = this._throttle(this._changeTooltipPosition);
|
|
228
|
+
}
|
|
229
|
+
reInit() {
|
|
230
|
+
this._initFromSpec();
|
|
231
|
+
}
|
|
222
232
|
}
|
|
223
233
|
//# sourceMappingURL=base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/component/tooltip/handler/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["import { DEFAULT_CHART_WIDTH, DEFAULT_CHART_HEIGHT } from '../../../constant/base';\nimport type { Options } from './constants';\n// eslint-disable-next-line no-duplicate-imports\nimport { DEFAULT_OPTIONS } from './constants';\nimport type { Maybe, IPoint } from '../../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { isTrueBrowser, isValid, throttle, isNil } from '../../../util';\nimport type {\n TooltipData,\n IToolTipActual,\n TooltipActiveType,\n ITooltipHandler,\n ITooltipPattern,\n ITooltipPositionActual,\n TooltipPosition,\n ITooltipPositionPattern\n} from '../../../typings/tooltip';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipFixedPosition } from '../../../typings/tooltip';\nimport type { BaseEventParams } from '../../../event/interface';\nimport { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue } from './utils';\nimport type { Tooltip, TooltipContent } from '../tooltip';\nimport type { ISeries } from '../../../series/interface';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipResult } from '../interface';\nimport type { IPanelStyle, ITooltipStyle } from './interface';\nimport type { IGroup } from '@visactor/vrender';\nimport { getTextAttributes } from './utils/style';\nimport type { AABBBounds } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n getElementAbsolutePosition,\n getElementAbsoluteScrollOffset,\n isNumber,\n isObject,\n isValidNumber\n} from '@visactor/vutils';\nimport type { IElement } from '@visactor/vgrammar';\nimport type { IModel } from '../../../model/interface';\nimport type { Compiler } from '../../../compile/compiler';\nimport type { IContainerSize, TooltipAttributes } from '@visactor/vrender-components';\nimport { getTooltipAttributes } from './utils/attribute';\nimport type { DimensionEventParams } from '../../../event/events/dimension/interface';\nimport type { IChartOption } from '../../../chart/interface';\n\ntype ChangeTooltipFunc = (\n visible: boolean,\n params: TooltipHandlerParams,\n changePositionOnly?: boolean,\n activeType?: TooltipActiveType,\n data?: TooltipData\n) => TooltipResult;\n\ntype ChangeTooltipPositionFunc = (\n changePositionOnly: boolean,\n actualTooltip: IToolTipActual,\n spec: ITooltipSpec,\n activeType: TooltipActiveType,\n data: TooltipData,\n params: TooltipHandlerParams\n) => TooltipResult;\n\n/**\n * The tooltip handler class.\n */\nexport abstract class BaseTooltipHandler implements ITooltipHandler {\n readonly type: string;\n\n protected _tooltipSpec: ITooltipSpec;\n\n /** 是否可见 */\n protected _visible = true;\n\n // protected _style: ITooltipStyle = {};\n\n protected _option: Options;\n\n protected _chartOption: IChartOption;\n\n protected _id = '';\n public get id() {\n return this._id;\n }\n\n protected _env;\n public get env() {\n return this._env;\n }\n\n protected _component: Tooltip;\n\n protected _chartContainer: Maybe<HTMLElement>;\n protected _compiler: Compiler;\n\n private _cacheViewSpec: ITooltipSpec | undefined;\n private _cacheActualTooltip: IToolTipActual | undefined;\n\n protected _attributeCache?: TooltipAttributes | null = null;\n\n protected _style: ITooltipStyle;\n\n // tooltip 容器\n protected _container!: IGroup | HTMLElement;\n\n /**\n * Create the tooltip handler.\n */\n constructor(tooltipSpec: ITooltipSpec, tooltipId: string, component: Tooltip) {\n this._tooltipSpec = tooltipSpec;\n this._component = component;\n this._chartOption = component.getOption() as any;\n this._env = this._chartOption.mode;\n this._chartContainer = this._chartOption.globalInstance.getContainer();\n this._compiler = component.getCompiler();\n this._id = tooltipId; // 可能有多个 tooltip\n this._option = this._getDefaultOption();\n this._style = this._getStyle();\n // 为方法加防抖\n this.changeTooltip = this._throttle(this._changeTooltip) as any;\n this.changeTooltipPosition = this._throttle(this._changeTooltipPosition) as any;\n }\n\n showTooltip = (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => {\n let changePositionOnly = !!params.changePositionOnly;\n if (!params.changePositionOnly || this._cacheActualTooltip?.activeType !== activeType) {\n changePositionOnly = false;\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n }\n\n if (changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip) {\n return this.changeTooltipPosition(\n changePositionOnly,\n this._cacheActualTooltip,\n this._cacheViewSpec,\n activeType,\n data,\n params\n );\n }\n return this.changeTooltip(true, params, changePositionOnly, activeType, data);\n };\n\n /** 改变 tooltip 内容和位置(带 throttle 版本),返回是否遇到异常 */\n protected changeTooltip: ChangeTooltipFunc;\n\n /** 改变 tooltip 内容和位置(不带 throttle 版本),返回是否遇到异常 */\n protected _changeTooltip: ChangeTooltipFunc = (\n visible: boolean,\n params: TooltipHandlerParams,\n changePositionOnly?: boolean,\n activeType?: TooltipActiveType,\n data?: TooltipData\n ) => {\n /** 关闭tooltip */\n if (!visible) {\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n\n const spec = this._tooltipSpec;\n /** 用户自定义逻辑 */\n if (spec.handler?.hideTooltip) {\n spec.handler?.hideTooltip(params);\n return TooltipResult.success;\n }\n /** 默认逻辑 */\n this._updateTooltip(false, params);\n return TooltipResult.success;\n }\n\n if (isNil(activeType) || isNil(data)) {\n return TooltipResult.failed;\n }\n\n const event = params.event as MouseEvent;\n\n /** spec预处理 */\n let spec: ITooltipSpec | undefined;\n if (changePositionOnly && this._cacheViewSpec) {\n spec = this._cacheViewSpec;\n } else {\n spec = getTooltipSpecForShow(\n activeType,\n this._tooltipSpec,\n (params as BaseEventParams).model as ISeries,\n (params as DimensionEventParams).dimensionInfo\n );\n this._cacheViewSpec = spec;\n }\n\n if (spec.visible === false) {\n return TooltipResult.failed;\n }\n\n /** 用户自定义逻辑 */\n if (spec.handler?.showTooltip) {\n return spec.handler?.showTooltip(activeType, data, params) ?? TooltipResult.success;\n }\n\n /** 默认逻辑 */\n const pattern = spec[activeType];\n if (!pattern) {\n return TooltipResult.failed;\n }\n\n // 合成tooltip内容\n let actualTooltip: IToolTipActual | undefined;\n if (changePositionOnly && this._cacheActualTooltip) {\n actualTooltip = this._cacheActualTooltip;\n } else {\n actualTooltip = this._getActualTooltipContent(pattern, data, event);\n if (pattern.updateTitle) {\n actualTooltip.title = pattern.updateTitle(actualTooltip.title, data);\n }\n if (pattern.updateContent) {\n actualTooltip.content = pattern.updateContent(actualTooltip.content, data);\n }\n }\n\n // 判断tooltip是否为空\n if (isNil(actualTooltip.title?.key) && isNil(actualTooltip.title?.value) && !actualTooltip.content?.length) {\n return TooltipResult.failed;\n }\n\n this._cacheActualTooltip = actualTooltip;\n return this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType, data, params);\n };\n\n /** 改变 tooltip 位置(带 throttle 版本),返回是否遇到异常 */\n protected changeTooltipPosition: ChangeTooltipPositionFunc;\n\n /** 改变 tooltip 位置(不带 throttle 版本),返回是否遇到异常 */\n protected _changeTooltipPosition: ChangeTooltipPositionFunc = (\n changePositionOnly: boolean,\n actualTooltip: IToolTipActual,\n spec: ITooltipSpec,\n activeType: TooltipActiveType,\n data: TooltipData,\n params: TooltipHandlerParams\n ) => {\n const event = params.event as MouseEvent;\n\n /** 用户自定义逻辑 */\n if (spec.handler?.showTooltip) {\n return spec.handler.showTooltip(activeType, data, params) ?? TooltipResult.success;\n }\n\n /** 默认逻辑 */\n const pattern = spec[activeType];\n if (!pattern) {\n return TooltipResult.failed;\n }\n\n // 计算tooltip位置\n const position = this._getActualTooltipPosition(\n actualTooltip,\n pattern.position,\n params,\n this._getParentElement(spec),\n changePositionOnly\n );\n actualTooltip.position = position;\n if (pattern.updatePosition) {\n actualTooltip.position = pattern.updatePosition(actualTooltip.position, data);\n }\n\n // 判断tooltip可见性\n let tooltipVisible = pattern?.visible !== false;\n if (\n !data ||\n event.type === 'mouseout' ||\n !actualTooltip.visible ||\n (!actualTooltip.title && !actualTooltip.content)\n ) {\n tooltipVisible = false;\n }\n\n this._updateTooltip(\n tooltipVisible,\n {\n ...params,\n changePositionOnly\n },\n actualTooltip\n );\n return TooltipResult.success;\n };\n\n hideTooltip(params: TooltipHandlerParams): void {\n this.changeTooltip(false, params);\n }\n\n release(): void {\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n\n const spec = this._tooltipSpec;\n /** 用户自定义逻辑 */\n if (spec.handler?.release) {\n spec.handler?.release();\n return;\n }\n /** 默认逻辑 */\n this._removeTooltip();\n }\n\n /* -----需要子类继承的方法开始----- */\n\n protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;\n protected abstract _removeTooltip(): void;\n\n /* -----需要子类继承的方法结束----- */\n\n protected _throttle(callback: any) {\n let wait: number;\n if (isNumber(this._tooltipSpec.throttleInterval)) {\n wait = this._tooltipSpec.throttleInterval;\n } else {\n if (this._tooltipSpec.renderMode !== 'html' || !this._tooltipSpec.transitionDuration) {\n wait = 10;\n } else {\n wait = 50;\n }\n }\n return throttle(callback, wait);\n }\n\n protected _getDefaultOption(): Options {\n const { offset } = this._tooltipSpec;\n return {\n ...DEFAULT_OPTIONS,\n offsetX: offset?.x ?? DEFAULT_OPTIONS.offsetX,\n offsetY: offset?.y ?? DEFAULT_OPTIONS.offsetY\n };\n }\n\n /**\n * 计算实际的tooltip内容\n * @param pattern\n * @param data\n * @param event\n */\n protected _getActualTooltipContent = (\n pattern: ITooltipPattern,\n data: TooltipData,\n event: MouseEvent\n ): IToolTipActual => {\n // 数据\n let tooltipContent: TooltipContent | null = null;\n tooltipContent = getShowContent(pattern, data, event);\n\n const actualTooltip: IToolTipActual = {\n ...tooltipContent,\n visible: isValid(tooltipContent) ? pattern.visible !== false : false, // 最终展示数据为 null 则不展示\n activeType: pattern.activeType\n };\n\n return actualTooltip;\n };\n\n /**\n * 计算实际的tooltip位置\n * @param actualTooltip\n * @param position\n * @param event\n * @returns\n */\n protected _getActualTooltipPosition = (\n actualTooltip: IToolTipActual,\n position: TooltipPosition | undefined,\n params: TooltipHandlerParams,\n parentElement: HTMLElement,\n changePositionOnly: boolean\n ): ITooltipPositionActual => {\n const event = params.event as MouseEvent;\n const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } =\n this._getTooltipBoxSize(actualTooltip, changePositionOnly) ?? {};\n\n const { offsetX, offsetY } = this._option;\n\n const isCanvas = this._tooltipSpec.renderMode === 'canvas';\n const canvasRect = params?.chart?.getCanvasRect();\n const canvasWidth = canvasRect?.width ?? DEFAULT_CHART_WIDTH;\n const canvasHeight = canvasRect?.height ?? DEFAULT_CHART_HEIGHT;\n\n /* 一、计算left、top、right、bottom */\n let left: number | undefined;\n let top: number | undefined;\n let right: number | undefined;\n let bottom: number | undefined;\n if (isObject(position)) {\n const { left: posLeft, right: posRight, top: posTop, bottom: posBottom } = position as ITooltipPositionPattern;\n left = getActualTooltipPositionValue(posLeft, event);\n top = getActualTooltipPositionValue(posTop, event);\n right = getActualTooltipPositionValue(posRight, event);\n bottom = getActualTooltipPositionValue(posBottom, event);\n } else if (isValid(position) && actualTooltip.activeType === 'mark') {\n const element = params.item as IElement;\n const model = params.model as IModel;\n const bounds = element?.getBounds() as AABBBounds;\n const startPoint = model?.getLayoutStartPoint();\n if (bounds && startPoint) {\n let { x1, y1, x2, y2 } = bounds;\n x1 += startPoint.x;\n x2 += startPoint.x;\n y1 += startPoint.y;\n y2 += startPoint.y;\n switch (position) {\n case TooltipFixedPosition.left:\n left = x1 - tooltipBoxWidth - offsetX;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n case TooltipFixedPosition.right:\n left = x2 + offsetX;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n case TooltipFixedPosition.top:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = y1 - tooltipBoxHeight - offsetY;\n break;\n case TooltipFixedPosition.bottom:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = y2 + offsetY;\n break;\n case TooltipFixedPosition.inside:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n }\n }\n }\n\n /* 二、换算成x和y */\n let x: number;\n let y: number;\n\n const containerSize = {\n width: 0,\n height: 0\n };\n const getDefaultOffest = (): IPoint => ({ x: 0, y: 0 });\n let absolutePosOffset = getDefaultOffest();\n let scrollOffset = getDefaultOffest();\n let parentElementScrollOffset = getDefaultOffest();\n let parentElementPosOffset = getDefaultOffest();\n\n if (isTrueBrowser(this._env) && !this._tooltipSpec.confine) {\n // 只有在 browser 模式下才可以获取到 window 对象\n containerSize.width = window.innerWidth;\n containerSize.height = window.innerHeight;\n\n if (!isCanvas) {\n const chartRenderer = this._compiler.getCanvas() ?? this._chartContainer;\n parentElementPosOffset = getElementAbsolutePosition(parentElement);\n parentElementScrollOffset = getElementAbsoluteScrollOffset(parentElement);\n const chartPosOffset = getElementAbsolutePosition(chartRenderer);\n const chartScrollOffset = getElementAbsoluteScrollOffset(chartRenderer);\n absolutePosOffset = {\n x: chartPosOffset.x - parentElementPosOffset.x,\n y: chartPosOffset.y - parentElementPosOffset.y\n };\n scrollOffset = {\n x: chartScrollOffset.x - parentElementScrollOffset.x,\n y: chartScrollOffset.y - parentElementScrollOffset.y\n };\n }\n } else {\n containerSize.width = canvasWidth;\n containerSize.height = canvasHeight;\n }\n\n const { canvasX, canvasY } = event as any;\n if (isValidNumber(left)) {\n x = left;\n } else if (isValidNumber(right)) {\n x = canvasWidth - tooltipBoxWidth - right;\n } else {\n x = canvasX - scrollOffset.x + offsetX;\n }\n if (isValidNumber(top)) {\n y = top;\n } else if (isValidNumber(bottom)) {\n y = canvasHeight - tooltipBoxHeight - bottom;\n } else {\n y = canvasY - scrollOffset.y + offsetY;\n }\n\n if (isTrueBrowser(this._env)) {\n x += absolutePosOffset.x;\n y += absolutePosOffset.y;\n }\n\n /* 三、确保tooltip在视区内 */\n const { width: containerWidth, height: containerHeight } = containerSize;\n\n const parentElementTotalOffset = {\n x: parentElementPosOffset.x - parentElementScrollOffset.x,\n y: parentElementPosOffset.y - parentElementScrollOffset.y\n };\n\n if (x + tooltipBoxWidth + parentElementTotalOffset.x > containerWidth) {\n // 位置不超出视区右界\n x -= offsetX * 2 + tooltipBoxWidth;\n }\n if (y + tooltipBoxHeight + parentElementTotalOffset.y > containerHeight) {\n // 位置不超出视区下界\n y -= offsetY * 2 + tooltipBoxHeight;\n }\n if (x + parentElementTotalOffset.x < 0) {\n // 位置不超出视区左界\n x = 0 - parentElementTotalOffset.x;\n }\n if (y + parentElementTotalOffset.y < 0) {\n // 位置不超出视区上界\n y = 0 - parentElementTotalOffset.y;\n }\n\n return { x, y };\n };\n\n // 计算 tooltip 内容区域的宽高,并缓存结果\n protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined {\n if (!changePositionOnly || isNil(this._attributeCache)) {\n this._attributeCache = getTooltipAttributes(actualTooltip, this._style);\n }\n return {\n width: this._attributeCache.panel.width,\n height: this._attributeCache.panel.height\n };\n }\n\n protected _getStyle(): ITooltipStyle {\n const { style = {}, maxWidth, minWidth, enterable, transitionDuration } = this._tooltipSpec;\n\n const {\n panel: { backgroundColor, border, shadow, padding },\n titleLabel,\n shape,\n keyLabel,\n valueLabel,\n spaceRow\n } = style;\n\n // tooltip background style\n const panelStyle: IPanelStyle = {\n lineWidth: border?.width ?? 0,\n shadow: !!shadow\n };\n if (border?.color) {\n panelStyle.stroke = border.color;\n }\n if (backgroundColor) {\n panelStyle.fill = backgroundColor;\n }\n\n if (shadow) {\n panelStyle.shadowColor = shadow.color;\n panelStyle.shadowBlur = shadow.blur;\n panelStyle.shadowOffsetX = shadow.x;\n panelStyle.shadowOffsetY = shadow.y;\n panelStyle.shadowSpread = shadow.spread;\n }\n if (isValid(border?.radius)) {\n panelStyle.borderRadius = [border.radius, border.radius, border.radius, border.radius];\n }\n\n return {\n panel: panelStyle,\n title: getTextAttributes(titleLabel, this._chartOption.getTheme().fontFamily),\n shape: {\n fill: true,\n size: shape?.size ?? 8,\n spacing: shape?.spacing ?? 6\n },\n key: getTextAttributes(keyLabel, this._chartOption.getTheme().fontFamily),\n value: getTextAttributes(valueLabel, this._chartOption.getTheme().fontFamily),\n padding,\n minWidth,\n maxWidth,\n spaceRow,\n enterable,\n transitionDuration\n };\n }\n\n protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n return spec.parentElement;\n }\n\n getTooltipContainer() {\n return this._container;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/component/tooltip/handler/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["import { DEFAULT_CHART_WIDTH, DEFAULT_CHART_HEIGHT } from '../../../constant/base';\nimport type { Options } from './constants';\n// eslint-disable-next-line no-duplicate-imports\nimport { DEFAULT_OPTIONS } from './constants';\nimport type { Maybe, IPoint } from '../../../typings';\n// eslint-disable-next-line no-duplicate-imports\nimport { isTrueBrowser, isValid, throttle, isNil } from '../../../util';\nimport type {\n TooltipData,\n IToolTipActual,\n TooltipActiveType,\n ITooltipHandler,\n ITooltipPattern,\n ITooltipPositionActual,\n TooltipPosition,\n ITooltipPositionPattern\n} from '../../../typings/tooltip';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipFixedPosition } from '../../../typings/tooltip';\nimport type { BaseEventParams } from '../../../event/interface';\nimport { getShowContent, getTooltipSpecForShow, getActualTooltipPositionValue, getTooltipPatternValue } from './utils';\nimport type { Tooltip, TooltipContent } from '../tooltip';\nimport type { ISeries } from '../../../series/interface';\nimport type { ITooltipSpec, TooltipHandlerParams } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { TooltipResult } from '../interface';\nimport type { IPanelStyle, ITooltipStyle } from './interface';\nimport type { IGroup } from '@visactor/vrender';\nimport { getTextAttributes } from './utils/style';\nimport type { AABBBounds } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n getElementAbsolutePosition,\n getElementAbsoluteScrollOffset,\n isNumber,\n isObject,\n isValidNumber\n} from '@visactor/vutils';\nimport type { IElement } from '@visactor/vgrammar';\nimport type { IModel } from '../../../model/interface';\nimport type { Compiler } from '../../../compile/compiler';\nimport type { IContainerSize, TooltipAttributes } from '@visactor/vrender-components';\nimport { getTooltipAttributes } from './utils/attribute';\nimport type { DimensionEventParams } from '../../../event/events/dimension/interface';\nimport type { IChartOption } from '../../../chart/interface';\n\ntype ChangeTooltipFunc = (\n visible: boolean,\n params: TooltipHandlerParams,\n changePositionOnly?: boolean,\n activeType?: TooltipActiveType,\n data?: TooltipData\n) => TooltipResult;\n\ntype ChangeTooltipPositionFunc = (\n changePositionOnly: boolean,\n actualTooltip: IToolTipActual,\n spec: ITooltipSpec,\n activeType: TooltipActiveType,\n data: TooltipData,\n params: TooltipHandlerParams\n) => TooltipResult;\n\n/**\n * The tooltip handler class.\n */\nexport abstract class BaseTooltipHandler implements ITooltipHandler {\n readonly type: string;\n\n /** 是否可见 */\n protected _visible = true;\n\n // protected _style: ITooltipStyle = {};\n\n protected _option: Options;\n\n protected _chartOption: IChartOption;\n\n protected _id = '';\n public get id() {\n return this._id;\n }\n\n protected _env;\n public get env() {\n return this._env;\n }\n\n protected _component: Tooltip;\n\n protected _chartContainer: Maybe<HTMLElement>;\n protected _compiler: Compiler;\n\n private _cacheViewSpec: ITooltipSpec | undefined;\n private _cacheActualTooltip: IToolTipActual | undefined;\n\n protected _attributeCache?: TooltipAttributes | null = null;\n\n protected _style: ITooltipStyle;\n\n // tooltip 容器\n protected _container!: Maybe<IGroup | HTMLElement>;\n\n /**\n * Create the tooltip handler.\n */\n constructor(tooltipId: string, component: Tooltip) {\n this._component = component;\n this._chartOption = component.getOption() as any;\n this._env = this._chartOption.mode;\n this._chartContainer = this._chartOption.globalInstance.getContainer();\n this._compiler = component.getCompiler();\n this._id = tooltipId; // 可能有多个 tooltip\n this._initFromSpec();\n }\n\n showTooltip = (activeType: TooltipActiveType, data: TooltipData, params: TooltipHandlerParams) => {\n let changePositionOnly = !!params.changePositionOnly;\n if (!params.changePositionOnly || this._cacheActualTooltip?.activeType !== activeType) {\n changePositionOnly = false;\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n }\n\n if (changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip) {\n return this.changeTooltipPosition(\n changePositionOnly,\n this._cacheActualTooltip,\n this._cacheViewSpec,\n activeType,\n data,\n params\n );\n }\n return this.changeTooltip(true, params, changePositionOnly, activeType, data);\n };\n\n /** 改变 tooltip 内容和位置(带 throttle 版本),返回是否遇到异常 */\n protected changeTooltip: ChangeTooltipFunc;\n\n /** 改变 tooltip 内容和位置(不带 throttle 版本),返回是否遇到异常 */\n protected _changeTooltip: ChangeTooltipFunc = (\n visible: boolean,\n params: TooltipHandlerParams,\n changePositionOnly?: boolean,\n activeType?: TooltipActiveType,\n data?: TooltipData\n ) => {\n /** 关闭tooltip */\n if (!visible) {\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n\n const spec = this._component.getSpec();\n /** 用户自定义逻辑 */\n if (spec.handler?.hideTooltip) {\n spec.handler?.hideTooltip(params);\n return TooltipResult.success;\n }\n /** 默认逻辑 */\n this._updateTooltip(false, params);\n return TooltipResult.success;\n }\n\n if (isNil(activeType) || isNil(data)) {\n return TooltipResult.failed;\n }\n\n /** spec预处理 */\n let spec: ITooltipSpec | undefined;\n if (changePositionOnly && this._cacheViewSpec) {\n spec = this._cacheViewSpec;\n } else {\n spec = getTooltipSpecForShow(\n activeType!,\n this._component.getSpec(),\n (params as BaseEventParams).model as ISeries,\n (params as DimensionEventParams).dimensionInfo\n );\n this._cacheViewSpec = spec;\n }\n\n if (spec.visible === false) {\n return TooltipResult.failed;\n }\n\n /** 用户自定义逻辑 */\n if (spec.handler?.showTooltip) {\n return spec.handler?.showTooltip(activeType!, data!, params) ?? TooltipResult.success;\n }\n\n /** 默认逻辑 */\n const pattern = spec[activeType!] as ITooltipPattern;\n if (!pattern) {\n return TooltipResult.failed;\n }\n\n // 合成tooltip内容\n let actualTooltip: IToolTipActual | undefined;\n if (changePositionOnly && this._cacheActualTooltip) {\n actualTooltip = this._cacheActualTooltip;\n } else {\n actualTooltip = this._getActualTooltipContent(pattern, data!, params);\n if (pattern.updateTitle) {\n actualTooltip.title = pattern.updateTitle(actualTooltip.title, data, params);\n }\n if (pattern.updateContent) {\n actualTooltip.content = pattern.updateContent(actualTooltip.content, data, params);\n }\n }\n\n // 判断tooltip是否为空\n if (isNil(actualTooltip.title?.key) && isNil(actualTooltip.title?.value) && !actualTooltip.content?.length) {\n return TooltipResult.failed;\n }\n\n this._cacheActualTooltip = actualTooltip;\n return this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType!, data!, params);\n };\n\n /** 改变 tooltip 位置(带 throttle 版本),返回是否遇到异常 */\n protected changeTooltipPosition: ChangeTooltipPositionFunc;\n\n /** 改变 tooltip 位置(不带 throttle 版本),返回是否遇到异常 */\n protected _changeTooltipPosition: ChangeTooltipPositionFunc = (\n changePositionOnly: boolean,\n actualTooltip: IToolTipActual,\n spec: ITooltipSpec,\n activeType: TooltipActiveType,\n data: TooltipData,\n params: TooltipHandlerParams\n ) => {\n const event = params.event as MouseEvent;\n\n /** 用户自定义逻辑 */\n if (spec.handler?.showTooltip) {\n return spec.handler.showTooltip(activeType, data, params) ?? TooltipResult.success;\n }\n\n /** 默认逻辑 */\n const pattern = spec[activeType];\n if (!pattern) {\n return TooltipResult.failed;\n }\n\n // 计算tooltip位置\n const position = this._getActualTooltipPosition(\n actualTooltip,\n getTooltipPatternValue(pattern.position, data, params),\n params,\n this._getParentElement(spec),\n changePositionOnly\n );\n actualTooltip.position = position;\n if (pattern.updatePosition) {\n actualTooltip.position = pattern.updatePosition(actualTooltip.position, data, params);\n }\n\n // 判断tooltip可见性\n let tooltipVisible = pattern?.visible !== false;\n if (\n !data ||\n event.type === 'mouseout' ||\n !actualTooltip.visible ||\n (!actualTooltip.title && !actualTooltip.content)\n ) {\n tooltipVisible = false;\n }\n\n this._updateTooltip(\n tooltipVisible,\n {\n ...params,\n changePositionOnly\n },\n actualTooltip\n );\n return TooltipResult.success;\n };\n\n hideTooltip(params: TooltipHandlerParams): void {\n this.changeTooltip(false, params);\n }\n\n release(): void {\n this._cacheViewSpec = undefined;\n this._cacheActualTooltip = undefined;\n\n const spec = this._component.getSpec();\n /** 用户自定义逻辑 */\n if (spec.handler?.release) {\n spec.handler?.release();\n return;\n }\n /** 默认逻辑 */\n this._removeTooltip();\n }\n\n /* -----需要子类继承的方法开始----- */\n\n protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;\n protected abstract _removeTooltip(): void;\n\n /* -----需要子类继承的方法结束----- */\n\n protected _throttle(callback: any) {\n const tooltipSpec = this._component.getSpec();\n let wait: number;\n if (isNumber(tooltipSpec.throttleInterval)) {\n wait = tooltipSpec.throttleInterval;\n } else {\n if (tooltipSpec.renderMode !== 'html' || !tooltipSpec.transitionDuration) {\n wait = 10;\n } else {\n wait = 50;\n }\n }\n return throttle(callback, wait);\n }\n\n protected _getDefaultOption(): Options {\n const { offset } = this._component.getSpec();\n return {\n ...DEFAULT_OPTIONS,\n offsetX: offset?.x ?? DEFAULT_OPTIONS.offsetX,\n offsetY: offset?.y ?? DEFAULT_OPTIONS.offsetY\n };\n }\n\n /**\n * 计算实际的tooltip内容\n * @param pattern\n * @param data\n * @param event\n */\n protected _getActualTooltipContent = (\n pattern: ITooltipPattern,\n data: TooltipData,\n params: TooltipHandlerParams\n ): IToolTipActual => {\n // 可见性\n const patternVisible = getTooltipPatternValue(pattern.visible, data, params);\n\n // 数据\n let tooltipContent: TooltipContent | null = null;\n tooltipContent = getShowContent(pattern, data, params);\n\n const actualTooltip: IToolTipActual = {\n ...tooltipContent,\n visible: isValid(tooltipContent) ? patternVisible !== false : false, // 最终展示数据为 null 则不展示\n activeType: pattern.activeType\n };\n\n return actualTooltip;\n };\n\n /**\n * 计算实际的tooltip位置\n * @param actualTooltip\n * @param position\n * @param event\n * @returns\n */\n protected _getActualTooltipPosition = (\n actualTooltip: IToolTipActual,\n position: TooltipPosition | undefined,\n params: TooltipHandlerParams,\n parentElement: HTMLElement,\n changePositionOnly: boolean\n ): ITooltipPositionActual => {\n const event = params.event as MouseEvent;\n const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } =\n this._getTooltipBoxSize(actualTooltip, changePositionOnly) ?? {};\n\n const { offsetX, offsetY } = this._option;\n const tooltipSpec = this._component.getSpec();\n\n const isCanvas = tooltipSpec.renderMode === 'canvas';\n const canvasRect = params?.chart?.getCanvasRect();\n const canvasWidth = canvasRect?.width ?? DEFAULT_CHART_WIDTH;\n const canvasHeight = canvasRect?.height ?? DEFAULT_CHART_HEIGHT;\n\n /* 一、计算left、top、right、bottom */\n let left: number | undefined;\n let top: number | undefined;\n let right: number | undefined;\n let bottom: number | undefined;\n if (isObject(position)) {\n const { left: posLeft, right: posRight, top: posTop, bottom: posBottom } = position as ITooltipPositionPattern;\n left = getActualTooltipPositionValue(posLeft, event);\n top = getActualTooltipPositionValue(posTop, event);\n right = getActualTooltipPositionValue(posRight, event);\n bottom = getActualTooltipPositionValue(posBottom, event);\n } else if (isValid(position) && actualTooltip.activeType === 'mark') {\n const element = params.item as IElement;\n const model = params.model as IModel;\n const bounds = element?.getBounds() as AABBBounds;\n const startPoint = model?.getLayoutStartPoint();\n if (bounds && startPoint) {\n let { x1, y1, x2, y2 } = bounds;\n x1 += startPoint.x;\n x2 += startPoint.x;\n y1 += startPoint.y;\n y2 += startPoint.y;\n switch (position) {\n case TooltipFixedPosition.left:\n left = x1 - tooltipBoxWidth - offsetX;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n case TooltipFixedPosition.right:\n left = x2 + offsetX;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n case TooltipFixedPosition.top:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = y1 - tooltipBoxHeight - offsetY;\n break;\n case TooltipFixedPosition.bottom:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = y2 + offsetY;\n break;\n case TooltipFixedPosition.inside:\n left = (x1 + x2) / 2 - tooltipBoxWidth / 2;\n top = (y1 + y2) / 2 - tooltipBoxHeight / 2;\n break;\n }\n }\n }\n\n /* 二、换算成x和y */\n let x: number;\n let y: number;\n\n const containerSize = {\n width: 0,\n height: 0\n };\n const getDefaultOffest = (): IPoint => ({ x: 0, y: 0 });\n let absolutePosOffset = getDefaultOffest();\n let scrollOffset = getDefaultOffest();\n let parentElementScrollOffset = getDefaultOffest();\n let parentElementPosOffset = getDefaultOffest();\n\n if (isTrueBrowser(this._env) && !tooltipSpec.confine) {\n // 只有在 browser 模式下才可以获取到 window 对象\n containerSize.width = window.innerWidth;\n containerSize.height = window.innerHeight;\n\n if (!isCanvas) {\n const chartRenderer = (this._compiler.getCanvas() ?? this._chartContainer) as HTMLElement;\n parentElementPosOffset = getElementAbsolutePosition(parentElement);\n parentElementScrollOffset = getElementAbsoluteScrollOffset(parentElement);\n const chartPosOffset = getElementAbsolutePosition(chartRenderer);\n const chartScrollOffset = getElementAbsoluteScrollOffset(chartRenderer);\n absolutePosOffset = {\n x: chartPosOffset.x - parentElementPosOffset.x,\n y: chartPosOffset.y - parentElementPosOffset.y\n };\n scrollOffset = {\n x: chartScrollOffset.x - parentElementScrollOffset.x,\n y: chartScrollOffset.y - parentElementScrollOffset.y\n };\n }\n } else {\n containerSize.width = canvasWidth;\n containerSize.height = canvasHeight;\n }\n\n const { canvasX, canvasY } = event as any;\n if (isValidNumber(left)) {\n x = left;\n } else if (isValidNumber(right)) {\n x = canvasWidth - tooltipBoxWidth - right;\n } else {\n x = canvasX - scrollOffset.x + offsetX;\n }\n if (isValidNumber(top)) {\n y = top;\n } else if (isValidNumber(bottom)) {\n y = canvasHeight - tooltipBoxHeight - bottom;\n } else {\n y = canvasY - scrollOffset.y + offsetY;\n }\n\n if (isTrueBrowser(this._env)) {\n x += absolutePosOffset.x;\n y += absolutePosOffset.y;\n }\n\n /* 三、确保tooltip在视区内 */\n const { width: containerWidth, height: containerHeight } = containerSize;\n\n const parentElementTotalOffset = {\n x: parentElementPosOffset.x - parentElementScrollOffset.x,\n y: parentElementPosOffset.y - parentElementScrollOffset.y\n };\n\n if (x + tooltipBoxWidth + parentElementTotalOffset.x > containerWidth) {\n // 位置不超出视区右界\n x -= offsetX * 2 + tooltipBoxWidth;\n }\n if (y + tooltipBoxHeight + parentElementTotalOffset.y > containerHeight) {\n // 位置不超出视区下界\n y -= offsetY * 2 + tooltipBoxHeight;\n }\n if (x + parentElementTotalOffset.x < 0) {\n // 位置不超出视区左界\n x = 0 - parentElementTotalOffset.x;\n }\n if (y + parentElementTotalOffset.y < 0) {\n // 位置不超出视区上界\n y = 0 - parentElementTotalOffset.y;\n }\n\n return { x, y };\n };\n\n // 计算 tooltip 内容区域的宽高,并缓存结果\n protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined {\n if (!changePositionOnly || isNil(this._attributeCache)) {\n this._attributeCache = getTooltipAttributes(actualTooltip, this._style);\n }\n return {\n width: this._attributeCache?.panel?.width,\n height: this._attributeCache?.panel?.height\n };\n }\n\n protected _getStyle(): ITooltipStyle {\n const tooltipSpec = this._component.getSpec();\n const { style = {}, maxWidth, minWidth, enterable, transitionDuration } = tooltipSpec;\n\n const {\n panel: { backgroundColor, border, shadow, padding },\n titleLabel,\n shape,\n keyLabel,\n valueLabel,\n spaceRow\n } = style;\n\n // tooltip background style\n const panelStyle: IPanelStyle = {\n lineWidth: border?.width ?? 0,\n shadow: !!shadow\n };\n if (border?.color) {\n panelStyle.stroke = border.color;\n }\n if (backgroundColor) {\n panelStyle.fill = backgroundColor;\n }\n\n if (shadow) {\n panelStyle.shadowColor = shadow.color;\n panelStyle.shadowBlur = shadow.blur;\n panelStyle.shadowOffsetX = shadow.x;\n panelStyle.shadowOffsetY = shadow.y;\n panelStyle.shadowSpread = shadow.spread;\n }\n const { radius } = border ?? {};\n if (isValid(radius)) {\n panelStyle.borderRadius = [radius, radius, radius, radius];\n }\n\n const globalTheme = this._chartOption.getTheme?.();\n\n return {\n panel: panelStyle,\n title: getTextAttributes(titleLabel, globalTheme),\n shape: {\n fill: true,\n size: shape?.size ?? 8,\n spacing: shape?.spacing ?? 6\n },\n key: getTextAttributes(keyLabel, globalTheme),\n value: getTextAttributes(valueLabel, globalTheme),\n padding,\n minWidth,\n maxWidth,\n spaceRow,\n enterable,\n transitionDuration\n };\n }\n\n protected _getParentElement(spec: ITooltipSpec): HTMLElement {\n return spec.parentElement as any;\n }\n\n getTooltipContainer() {\n return this._container;\n }\n\n protected _initFromSpec() {\n this._option = this._getDefaultOption();\n this._style = this._getStyle();\n // 为方法加防抖\n this.changeTooltip = this._throttle(this._changeTooltip) as any;\n this.changeTooltipPosition = this._throttle(this._changeTooltipPosition) as any;\n }\n\n reInit() {\n this._initFromSpec();\n }\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IToolTipActual } from '../../../../typings/tooltip';
|
|
2
|
-
import type {
|
|
2
|
+
import type { TooltipHandlerParams } from '../../interface';
|
|
3
3
|
import { BaseTooltipHandler } from '../base';
|
|
4
4
|
import { Tooltip as TooltipComponent } from '@visactor/vrender-components';
|
|
5
5
|
import type { Tooltip } from '../../tooltip';
|
|
@@ -9,7 +9,7 @@ export declare class CanvasTooltipHandler extends BaseTooltipHandler {
|
|
|
9
9
|
protected _el?: HTMLCanvasElement;
|
|
10
10
|
protected _tooltipCanvasId?: string;
|
|
11
11
|
protected _tooltipComponent: TooltipComponent;
|
|
12
|
-
constructor(
|
|
12
|
+
constructor(tooltipId: string, component: Tooltip);
|
|
13
13
|
private _initTooltipComponent;
|
|
14
14
|
private _getLayer;
|
|
15
15
|
protected _removeTooltip(): void;
|
|
@@ -7,10 +7,9 @@ import { isValid } from "@visactor/vutils";
|
|
|
7
7
|
import { TooltipHandlerType } from "../constants";
|
|
8
8
|
|
|
9
9
|
export class CanvasTooltipHandler extends BaseTooltipHandler {
|
|
10
|
-
constructor(
|
|
10
|
+
constructor(tooltipId, component) {
|
|
11
11
|
var _a;
|
|
12
|
-
super(
|
|
13
|
-
this._tooltipCanvasId = null === (_a = this._chartOption.modeParams) || void 0 === _a ? void 0 : _a.tooltipCanvasId;
|
|
12
|
+
super(tooltipId, component), this.type = TooltipHandlerType.canvas, this._tooltipCanvasId = null === (_a = this._chartOption.modeParams) || void 0 === _a ? void 0 : _a.tooltipCanvasId;
|
|
14
13
|
}
|
|
15
14
|
_initTooltipComponent(stage) {
|
|
16
15
|
const layer = this._getLayer(stage);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/component/tooltip/handler/canvas/canvas-tooltip-handler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAMlD,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAQ1D,YAAY,
|
|
1
|
+
{"version":3,"sources":["../src/component/tooltip/handler/canvas/canvas-tooltip-handler.ts"],"names":[],"mappings":"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","file":"canvas-tooltip-handler.js","sourcesContent":["import type { ILayer, INode, Stage } from '@visactor/vrender';\nimport type { IToolTipActual } from '../../../../typings/tooltip';\nimport type { TooltipHandlerParams } from '../../interface';\nimport { BaseTooltipHandler } from '../base';\nimport { Tooltip as TooltipComponent } from '@visactor/vrender-components';\nimport { isValid } from '@visactor/vutils';\nimport { TooltipHandlerType } from '../constants';\nimport type { Tooltip } from '../../tooltip';\n\n/**\n * The tooltip handler class.\n */\nexport class CanvasTooltipHandler extends BaseTooltipHandler {\n type = TooltipHandlerType.canvas;\n\n private _layer: ILayer;\n protected _el?: HTMLCanvasElement;\n protected _tooltipCanvasId?: string;\n protected _tooltipComponent: TooltipComponent;\n\n constructor(tooltipId: string, component: Tooltip) {\n super(tooltipId, component);\n this._tooltipCanvasId = (this._chartOption.modeParams as any)?.tooltipCanvasId;\n }\n\n private _initTooltipComponent(stage: Stage) {\n const layer = this._getLayer(stage);\n this._tooltipComponent = new TooltipComponent({\n autoCalculatePosition: false,\n autoMeasure: false\n });\n layer.add(this._tooltipComponent as unknown as INode);\n }\n\n private _getLayer(stage: Stage) {\n if (this._layer) {\n return this._layer;\n }\n\n this._layer = stage.createLayer(this._tooltipCanvasId);\n\n // 需要关闭 layer 对应的 canvas 的事件\n const layerCanvas = this._layer.layerHandler.canvas.nativeCanvas as HTMLCanvasElement;\n // TODO:待 vrender 支持\n if (layerCanvas && layerCanvas.style) {\n layerCanvas.style.touchAction = 'none';\n layerCanvas.style.pointerEvents = 'none';\n }\n\n return this._layer;\n }\n\n protected _removeTooltip() {\n if (this._layer) {\n this._layer.removeAllChild();\n // this._layer.render();\n }\n this._attributeCache = null;\n }\n\n protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual) {\n this._visible = visible;\n\n const stage = this._compiler.getStage();\n if (!stage) {\n return;\n }\n\n if (!visible) {\n if (this._tooltipComponent && this._tooltipComponent.attribute.visible) {\n this._tooltipComponent.hideAll();\n stage.renderNextFrame();\n }\n return;\n }\n\n if (!this._tooltipComponent) {\n this._initTooltipComponent(stage);\n }\n\n const pos = actualTooltip?.position;\n if (!params.changePositionOnly) {\n this._tooltipComponent.setAttributes({\n visible: true,\n ...this._attributeCache,\n ...pos\n });\n } else if (isValid(pos)) {\n this._tooltipComponent.setAttributes(pos);\n }\n\n if (!this._tooltipComponent.attribute.visible) {\n this._tooltipComponent.showAll();\n }\n }\n\n release() {\n super.release();\n this._layer?.release();\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/component/tooltip/handler/dom/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC","file":"constants.js","sourcesContent":["export const TOOLTIP_MAX_COUNT = 20;\nexport const TOOLTIP_EMPTY_STRING = '';\n"]}
|
|
@@ -1,20 +1,26 @@
|
|
|
1
|
-
import type { IToolTipActual } from '../../../../typings/tooltip';
|
|
1
|
+
import type { IToolTipActual, IToolTipLineActual } from '../../../../typings/tooltip';
|
|
2
2
|
import type { ITooltipSpec, TooltipHandlerParams } from '../../interface';
|
|
3
3
|
import { BaseTooltipHandler } from '../base';
|
|
4
4
|
import type { IDomTooltipStyle } from './interface';
|
|
5
5
|
import { TooltipModel } from './model/tooltip-model';
|
|
6
6
|
import type { Tooltip } from '../../tooltip';
|
|
7
|
+
import type { Maybe } from '@visactor/vutils';
|
|
7
8
|
export declare class DomTooltipHandler extends BaseTooltipHandler {
|
|
8
9
|
type: string;
|
|
9
10
|
protected _tooltipContainer: HTMLElement;
|
|
10
11
|
protected _domStyle: IDomTooltipStyle;
|
|
11
|
-
protected
|
|
12
|
+
protected _tooltipActual: IToolTipActual;
|
|
13
|
+
protected _renderContent: IToolTipLineActual[];
|
|
14
|
+
protected _container: Maybe<HTMLDivElement>;
|
|
12
15
|
protected model: TooltipModel;
|
|
13
16
|
getVisibility(): boolean;
|
|
14
17
|
setVisibility(_value: boolean): void;
|
|
15
|
-
constructor(
|
|
18
|
+
constructor(tooltipId: string, component: Tooltip);
|
|
16
19
|
initEl(): void;
|
|
17
20
|
protected _removeTooltip(): void;
|
|
18
21
|
protected _updateTooltip(visible: boolean, params: TooltipHandlerParams, actualTooltip: IToolTipActual): void;
|
|
22
|
+
protected _initStyle(): void;
|
|
19
23
|
protected _getParentElement(spec: ITooltipSpec): HTMLElement;
|
|
24
|
+
protected _updateTooltipActual(actualTooltip: IToolTipActual): void;
|
|
25
|
+
reInit(): void;
|
|
20
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BaseTooltipHandler } from "../base";
|
|
2
2
|
|
|
3
|
-
import { getDomStyles } from "./
|
|
3
|
+
import { getDomStyles } from "./util";
|
|
4
4
|
|
|
5
5
|
import { TooltipModel } from "./model/tooltip-model";
|
|
6
6
|
|
|
@@ -8,6 +8,8 @@ import { domDocument } from "./model/base-tooltip-model";
|
|
|
8
8
|
|
|
9
9
|
import { TOOLTIP_CONTAINER_EL_CLASS_NAME, TooltipHandlerType } from "../constants";
|
|
10
10
|
|
|
11
|
+
import { TOOLTIP_MAX_COUNT } from "./constants";
|
|
12
|
+
|
|
11
13
|
export class DomTooltipHandler extends BaseTooltipHandler {
|
|
12
14
|
getVisibility() {
|
|
13
15
|
var _a;
|
|
@@ -17,14 +19,14 @@ export class DomTooltipHandler extends BaseTooltipHandler {
|
|
|
17
19
|
var _a;
|
|
18
20
|
_value !== this.getVisibility() && (null === (_a = this.model) || void 0 === _a || _a.setVisibility(_value));
|
|
19
21
|
}
|
|
20
|
-
constructor(
|
|
22
|
+
constructor(tooltipId, component) {
|
|
21
23
|
var _a;
|
|
22
|
-
super(
|
|
23
|
-
this.
|
|
24
|
+
super(tooltipId, component), this.type = TooltipHandlerType.dom, this._tooltipContainer = null === (_a = globalThis.document) || void 0 === _a ? void 0 : _a.body,
|
|
25
|
+
this._initStyle(), this.initEl();
|
|
24
26
|
}
|
|
25
27
|
initEl() {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
const tooltipSpec = this._component.getSpec(), {parentElement: parentElement} = tooltipSpec;
|
|
29
|
+
if (domDocument && parentElement) {
|
|
28
30
|
for (let i = 0; i < parentElement.children.length; i++) if (parentElement.children[i].classList.contains(TOOLTIP_CONTAINER_EL_CLASS_NAME)) {
|
|
29
31
|
this._container = parentElement.children[i];
|
|
30
32
|
break;
|
|
@@ -32,8 +34,11 @@ export class DomTooltipHandler extends BaseTooltipHandler {
|
|
|
32
34
|
this._container || (this._container = domDocument.createElement("div"), this._container.style.position = "relative",
|
|
33
35
|
this._container.classList.add(TOOLTIP_CONTAINER_EL_CLASS_NAME), parentElement.appendChild(this._container)),
|
|
34
36
|
this.model = new TooltipModel(this._container, {
|
|
35
|
-
valueToHtml: this._option.sanitize
|
|
36
|
-
|
|
37
|
+
valueToHtml: this._option.sanitize,
|
|
38
|
+
getTooltipStyle: () => this._domStyle,
|
|
39
|
+
getTooltipActual: () => this._tooltipActual,
|
|
40
|
+
getRenderContent: () => this._renderContent
|
|
41
|
+
}, [ tooltipSpec.className ], this.id);
|
|
37
42
|
}
|
|
38
43
|
}
|
|
39
44
|
_removeTooltip() {
|
|
@@ -43,15 +48,30 @@ export class DomTooltipHandler extends BaseTooltipHandler {
|
|
|
43
48
|
_updateTooltip(visible, params, actualTooltip) {
|
|
44
49
|
var _a;
|
|
45
50
|
if (visible && this.model) {
|
|
46
|
-
params.changePositionOnly || (this.
|
|
47
|
-
this.model.setContent()), this.setVisibility(visible);
|
|
48
|
-
const {x: x = 0, y: y = 0} = null !== (_a = actualTooltip.position) && void 0 !== _a ? _a : {};
|
|
49
|
-
|
|
51
|
+
params.changePositionOnly || (this._updateTooltipActual(actualTooltip), this._initStyle(),
|
|
52
|
+
this.model.initAll(), this.model.setStyle(), this.model.setContent()), this.setVisibility(visible);
|
|
53
|
+
const {x: x = 0, y: y = 0} = null !== (_a = actualTooltip.position) && void 0 !== _a ? _a : {}, el = this.model.product;
|
|
54
|
+
el && (el.style.transform = `translate3d(${x}px, ${y}px, 0)`);
|
|
50
55
|
} else this.setVisibility(visible);
|
|
51
56
|
}
|
|
57
|
+
_initStyle() {
|
|
58
|
+
this._domStyle = getDomStyles(this._style, this._attributeCache);
|
|
59
|
+
}
|
|
52
60
|
_getParentElement(spec) {
|
|
53
61
|
var _a;
|
|
54
62
|
return null !== (_a = this._container) && void 0 !== _a ? _a : super._getParentElement(spec);
|
|
55
63
|
}
|
|
64
|
+
_updateTooltipActual(actualTooltip) {
|
|
65
|
+
if (this._tooltipActual = actualTooltip, this._tooltipActual) {
|
|
66
|
+
const {content: originContent = []} = this._tooltipActual, renderContent = originContent.slice(0, TOOLTIP_MAX_COUNT);
|
|
67
|
+
(null == renderContent ? void 0 : renderContent[TOOLTIP_MAX_COUNT - 1]) && (renderContent[TOOLTIP_MAX_COUNT - 1] = Object.assign(Object.assign({}, renderContent[TOOLTIP_MAX_COUNT - 1]), {
|
|
68
|
+
key: "其他",
|
|
69
|
+
value: "..."
|
|
70
|
+
})), this._renderContent = renderContent;
|
|
71
|
+
} else this._renderContent = [];
|
|
72
|
+
}
|
|
73
|
+
reInit() {
|
|
74
|
+
super.reInit(), this._initStyle();
|
|
75
|
+
}
|
|
56
76
|
}
|
|
57
77
|
//# sourceMappingURL=dom-tooltip-handler.js.map
|