@visactor/vtable 0.9.0-alpha.0-alpha.0

package/es/tooltip/TooltipHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tooltip/TooltipHandler.ts"],"names":[],"mappings":"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","file":"TooltipHandler.js","sourcesContent":["import type { CellRange, RectProps } from '../ts-types';\nimport { Placement } from '../ts-types';\nimport type { BaseTooltip } from './BaseTooltip';\nimport { BubbleTooltip } from './Tooltip';\nimport { cellInRange } from '../tools/helper';\nimport { isMobile } from '../tools/util';\n// import { DG_EVENT_TYPE } from '../core/DG_EVENT_TYPE';\nimport type { TooltipOptions } from '../ts-types/tooltip';\nimport { TABLE_EVENT_TYPE } from '../core/TABLE_EVENT_TYPE';\nimport type { BaseTableAPI } from '../ts-types/base-table';\nconst TOOLTIP_INSTANCE_FACTORY = {\n  // tooltip(table: BaseTableAPI): BaseTooltip {\n  //   return new Tooltip(table);\n  // },\n  'bubble-tooltip': function (table: BaseTableAPI): BaseTooltip {\n    return new BubbleTooltip(table);\n  }\n};\ntype AttachInfo = {\n  instance?: BaseTooltip;\n  range: CellRange;\n  tooltipOptions: TooltipOptions;\n};\n\nexport class TooltipHandler {\n  private _table: BaseTableAPI;\n  private _tooltipInstances?: { [type: string]: BaseTooltip };\n  private _attachInfo?: AttachInfo | null;\n  private confine?: boolean; //弹出框是否需要限定在canvas区域\n  constructor(table: BaseTableAPI, confine: boolean) {\n    this._table = table;\n    this._tooltipInstances = {};\n    this._bindTableEvent(table);\n    this.confine = confine;\n  }\n  dispose(): void {\n    const tooltipInstances = this._tooltipInstances;\n    for (const k in tooltipInstances) {\n      tooltipInstances[k]?.dispose?.();\n    }\n    delete this._tooltipInstances;\n    this._attachInfo = null;\n  }\n  _bindToCell(col: number, row: number, tooltipOptions?: TooltipOptions): void {\n    const info = this._attachInfo;\n    const instance = this._getTooltipInstanceInfo(col, row);\n    if (info && (!instance || info.instance !== instance)) {\n      info.instance?.unbindTooltipElement();\n      this._attachInfo = null;\n    }\n    if (!instance) {\n      return;\n    }\n    // const { instance, info: tooltipInstanceInfo } = instanceInfo;\n    const attach = instance && instance.bindTooltipElement(col, row, tooltipOptions, this.confine);\n    if (attach) {\n      const range = this._table.getCellRange(col, row);\n      this._attachInfo = { range, instance, tooltipOptions };\n    }\n  }\n  _move(col: number, row: number, tooltipOptions: TooltipOptions): void {\n    const info = this._attachInfo;\n    if (!info || !cellInRange(info.range, col, row)) {\n      return;\n    }\n    const { instance } = info;\n    instance?.moveTooltipElement(col, row, tooltipOptions, this.confine);\n  }\n  moveToPosition(\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: {\n      rect: RectProps;\n      placement?: Placement;\n    }\n  ): void {\n    const info = this._attachInfo;\n    if (!info || !cellInRange(info.range, col, row)) {\n      return;\n    }\n    const { instance } = info;\n    this._attachInfo.tooltipOptions.position = position;\n    this._attachInfo.tooltipOptions.referencePosition = referencePosition;\n    instance?.locateTooltipElement(col, row, position, referencePosition, this.confine);\n  }\n  _unbindFromCell(): void {\n    const info = this._attachInfo;\n    if (!info) {\n      return;\n    }\n    const { instance } = info;\n    instance?.unbindTooltipElement();\n    this._attachInfo = null;\n  }\n  _isBindCell(col: number, row: number): boolean {\n    const info = this._attachInfo;\n    if (!info) {\n      return false;\n    }\n    return cellInRange(info.range, col, row);\n  }\n  _bindTableEvent(table: BaseTableAPI): void {\n    // (table.options.hover?.isShowTooltip || table.options.tooltip?.isShowOverflowTextTooltip) &&\n    table.listen(TABLE_EVENT_TYPE.MOUSEENTER_CELL, e => {\n      //移动端不监听mousemove事件 （修改移动端tooltip时加的isMobile判断）\n      if (isMobile()) {\n        return;\n      }\n      // dropDownMenu区域不响应\n      const { x1: left, x2: right, y1: top, y2: bottom } = table.stateManeger.menu.bounds;\n      if (\n        table.stateManeger.menu.isShow &&\n        typeof e.x === 'number' &&\n        typeof e.y === 'number' &&\n        e.x > left &&\n        e.x < right &&\n        e.y > top &&\n        e.y < bottom\n      ) {\n        return;\n      }\n      const { col, row } = e;\n      if (e.related) {\n        if (this._isBindCell(col, row)) {\n          return;\n        }\n      }\n      if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {\n        const overflowText = table.getCellOverflowText(col, row);\n        const headerDescription = table.getHeaderDescription(col, row);\n        const rect = table.getCellRangeRelativeRect({ col, row });\n        let tooltipOption;\n        if (overflowText) {\n          tooltipOption = {\n            content: headerDescription\n              ? `${headerDescription}\n  ${overflowText}`\n              : overflowText,\n            referencePosition: {\n              placement: Placement.bottom,\n              rect\n            },\n            style: { arrowMark: false }\n          };\n        }\n        if (headerDescription) {\n          tooltipOption = {\n            content: headerDescription,\n            referencePosition: {\n              placement: Placement.bottom,\n              rect\n            },\n            style: { arrowMark: false }\n          };\n        }\n        if (tooltipOption) {\n          this._bindToCell(e.col, e.row, tooltipOption);\n        }\n      }\n    });\n    table.listen(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, e => {\n      //移动端不监听mousemove事件 （修改移动端tooltip时加的isMobile判断）\n      if (isMobile()) {\n        return;\n      }\n      if (this._attachInfo?.tooltipOptions?.referencePosition) {\n        const position = this._attachInfo.tooltipOptions.referencePosition;\n        const { event } = e;\n        const { left, right, top, bottom } = position.rect;\n        const abstractPos = table._getMouseAbstractPoint(event, false);\n        if (\n          !(\n            abstractPos &&\n            abstractPos.x >= left - 5 &&\n            abstractPos.x <= right + 5 &&\n            abstractPos.y >= top - 5 &&\n            abstractPos.y <= bottom + 5\n          )\n        ) {\n          // 这里加5px的判断buffer\n          this._unbindFromCell();\n        }\n      }\n      // dropDownMenu区域不响应\n      if (this._attachInfo && table.stateManeger.menu.isShow) {\n        this._bindToCell(e.col, e.row);\n      }\n    });\n    table.listen(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, e => {\n      if (e.related) {\n        if (this._isBindCell(e.related.col, e.related.row)) {\n          return;\n        }\n      }\n      this._unbindFromCell();\n    });\n    table.listen(TABLE_EVENT_TYPE.SELECTED_CELL, e => {\n      if (this._isBindCell(e.col, e.row)) {\n        this._unbindFromCell();\n      }\n    });\n    table.listen(TABLE_EVENT_TYPE.SCROLL, e => {\n      const info = this._attachInfo;\n      if (info?.tooltipOptions && info?.range?.start) {\n        const { col, row } = info.range.start;\n        const rect = table.getCellRangeRelativeRect({ col, row });\n        info.tooltipOptions.referencePosition.rect = rect;\n        this._move(info.range.start.col, info.range.start.row, info.tooltipOptions);\n      }\n    });\n  }\n  _getTooltipInstanceInfo(col: number, row: number): BaseTooltip | null {\n    const table = this._table;\n    const tooltipInstances = this._tooltipInstances;\n    // const info = getTooltipInstanceInfo(table, col, row, tooltipOptions);\n    // if (!info) {\n    //   return null;\n    // }\n    const tooltipType = 'bubble-tooltip';\n    // const { tooltipType } = info;\n    const instance =\n      (tooltipInstances && tooltipInstances[tooltipType]) ||\n      (tooltipInstances && (tooltipInstances[tooltipType] = TOOLTIP_INSTANCE_FACTORY[tooltipType](table)));\n    return instance;\n  }\n  isBinded(tooltipOptions: TooltipOptions) {\n    if (JSON.stringify(tooltipOptions) === JSON.stringify(this._attachInfo?.tooltipOptions)) {\n      return true;\n    }\n    return false;\n  }\n}\n"]}

package/es/tooltip/logic/BubbleTooltipElement.css

@@ -0,0 +1,63 @@
+@keyframes vtable__bubble-tooltip-element--shown-animation {
+	0% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+.vtable__bubble-tooltip-element {
+	position: absolute;
+	
+	pointer-events: none;
+	user-select: none;
+	max-width: 300px;
+	z-index: 99999;
+
+	background: #FFFFFF;
+    border: 1px solid #E6E8ED;
+    box-sizing: border-box;
+    border-radius: 4px;
+    box-shadow: 0px 2px 4px rgb(27 31 35 / 8%);
+    color: #141414;
+    font-size: 13px;
+}
+.vtable__bubble-tooltip-element--hidden {
+	opacity: 0;
+	/* transform: translate(-50%, -50%); */
+	transition: opacity 75ms linear;
+}
+.vtable__bubble-tooltip-element--shown {
+	opacity: 1;
+	/* transform: translate(-50%, -50%); */
+	animation: vtable__bubble-tooltip-element--shown-animation 150ms ease-out;
+}
+.vtable__bubble-tooltip-element__content {
+	/* font-size: .75rem; */
+	padding: 6px 8px;
+	min-height: 1em;
+	line-height: 1.5;
+	width: 100%;
+	display: block;
+	white-space: pre-wrap;
+	margin: 0;
+	box-sizing: border-box;
+	overflow: hidden;
+	word-wrap: break-word;
+	position: relative;
+	background-color: #FFF;
+	z-index: 2;
+	border-radius: 4px
+}
+.vtable__bubble-tooltip-element__triangle {
+	/* font-size: .75rem; */
+	position: absolute;
+	width: 10px;
+	height: 10px;
+	display: block;
+	transform: rotate(45deg);
+    transform-origin: 50% 50% 0;
+	z-index: 1;
+	background-color: #FFF;
+	border: 1px solid #E6E8ED;
+}

package/es/tooltip/logic/BubbleTooltipElement.d.ts

@@ -0,0 +1,33 @@
+import type { RectProps } from '../../ts-types';
+import { Placement } from '../../ts-types';
+import './BubbleTooltipElement.css';
+import type { TooltipOptions } from '../../ts-types/tooltip';
+import type { BaseTableAPI } from '../../ts-types/base-table';
+export declare class BubbleTooltipElement {
+    private _handler;
+    private _rootElement?;
+    private _messageElement?;
+    private _triangleElement?;
+    constructor();
+    bindToCell(table: BaseTableAPI, col: number, row: number, tooltipInstanceInfo: TooltipOptions, confine: boolean): boolean;
+    dispose(): void;
+    move(table: BaseTableAPI, col: number, row: number, tooltipOptions?: TooltipOptions, confine?: boolean): void;
+    unbindFromCell(): void;
+    _canBindToCell(table: BaseTableAPI, col: number, row: number): boolean;
+    _bindToCell(table: BaseTableAPI, col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }, confine?: boolean, arrowMark?: boolean): boolean;
+    private getComputedPosition;
+    private removeStyleFromTriangle;
+    _locate(table: BaseTableAPI, col: number, row: number, position?: {
+        x: number;
+        y: number;
+    }, referencePosition?: {
+        rect: RectProps;
+        placement?: Placement;
+    }, confine?: boolean): void;
+}

package/es/tooltip/logic/BubbleTooltipElement.js

@@ -0,0 +1,149 @@
+import { EventHandler } from "../../event/EventHandler";
+
+import { Placement } from "../../ts-types";
+
+import { createElement } from "../../tools/dom";
+
+import "./BubbleTooltipElement.css";
+
+import { isMobile } from "../../tools/util";
+
+const TOOLTIP_CLASS = "vtable__bubble-tooltip-element", CONTENT_CLASS = `${TOOLTIP_CLASS}__content`, TRIANGLE_CLASS = `${TOOLTIP_CLASS}__triangle`, HIDDEN_CLASS = `${TOOLTIP_CLASS}--hidden`, SHOWN_CLASS = `${TOOLTIP_CLASS}--shown`;
+
+export class BubbleTooltipElement {
+    constructor() {
+        this._handler = new EventHandler;
+        const rootElement = this._rootElement = createElement("div", [ TOOLTIP_CLASS, HIDDEN_CLASS ]), messageElement = createElement("span", [ CONTENT_CLASS ]), triangle = createElement("span", [ TRIANGLE_CLASS ]);
+        rootElement.appendChild(triangle), rootElement.appendChild(messageElement), this._messageElement = rootElement.querySelector(`.${CONTENT_CLASS}`) || void 0, 
+        this._triangleElement = rootElement.querySelector(`.${TRIANGLE_CLASS}`) || void 0;
+    }
+    bindToCell(table, col, row, tooltipInstanceInfo, confine) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const rootElement = this._rootElement, messageElement = this._messageElement, triangle = this._triangleElement;
+        if (null == rootElement || rootElement.classList.remove(SHOWN_CLASS), null == rootElement || rootElement.classList.add(HIDDEN_CLASS), 
+        this._canBindToCell(table, col, row)) {
+            messageElement.setAttribute("style", ""), triangle.setAttribute("style", ""), (null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.className) && rootElement.classList.add(tooltipInstanceInfo.className), 
+            (null === (_a = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _a ? void 0 : _a.bgColor) && (messageElement.style.backgroundColor = null === (_b = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _b ? void 0 : _b.bgColor), 
+            (null === (_c = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _c ? void 0 : _c.bgColor) && (triangle.style.backgroundColor = null === (_d = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _d ? void 0 : _d.bgColor), 
+            triangle.style.display = !0 === (null === (_e = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _e ? void 0 : _e.arrowMark) ? "block" : "none", 
+            (null === (_f = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _f ? void 0 : _f.font) && (messageElement.style.font = null === (_g = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _g ? void 0 : _g.font), 
+            (null === (_h = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _h ? void 0 : _h.color) && (messageElement.style.color = null === (_j = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _j ? void 0 : _j.color), 
+            (null === (_k = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _k ? void 0 : _k.padding) && (messageElement.style.padding = `${null === (_l = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _l ? void 0 : _l.padding.join("px ")}px`), 
+            messageElement && (messageElement.textContent = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.content);
+            if (this._bindToCell(table, col, row, null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.position, null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.referencePosition, confine, null === (_m = null == tooltipInstanceInfo ? void 0 : tooltipInstanceInfo.style) || void 0 === _m ? void 0 : _m.arrowMark)) return null == rootElement || rootElement.classList.add(SHOWN_CLASS), 
+            null == rootElement || rootElement.classList.remove(HIDDEN_CLASS), !0;
+        } else this.unbindFromCell();
+        return !1;
+    }
+    dispose() {
+        var _a, _b;
+        this.unbindFromCell();
+        const rootElement = this._rootElement;
+        (null == rootElement ? void 0 : rootElement.parentElement) && rootElement.parentElement.removeChild(rootElement), 
+        null === (_b = null === (_a = this._handler) || void 0 === _a ? void 0 : _a.dispose) || void 0 === _b || _b.call(_a), 
+        delete this._rootElement, delete this._messageElement;
+    }
+    move(table, col, row, tooltipOptions, confine) {
+        const rootElement = this._rootElement;
+        this._canBindToCell(table, col, row) ? (this._bindToCell(table, col, row, null == tooltipOptions ? void 0 : tooltipOptions.position, null == tooltipOptions ? void 0 : tooltipOptions.referencePosition, confine), 
+        null == rootElement || rootElement.classList.add(SHOWN_CLASS), null == rootElement || rootElement.classList.remove(HIDDEN_CLASS)) : this.unbindFromCell();
+    }
+    unbindFromCell() {
+        const rootElement = this._rootElement;
+        (null == rootElement ? void 0 : rootElement.parentElement) && (rootElement.classList.remove(SHOWN_CLASS), 
+        rootElement.classList.add(HIDDEN_CLASS));
+    }
+    _canBindToCell(table, col, row) {
+        const rect = table.getCellRangeRelativeRect({
+            col: col,
+            row: row
+        }), element = table.getElement(), {bottom: bottom, left: left, right: right} = rect, {frozenRowCount: frozenRowCount, frozenColCount: frozenColCount} = table;
+        if (row >= frozenRowCount && frozenRowCount > 0) {
+            if (bottom < table.getCellRangeRelativeRect({
+                col: col,
+                row: frozenRowCount - 1
+            }).bottom) return !1;
+        } else if (bottom < 0) return !1;
+        if (col >= frozenColCount && frozenColCount > 0) {
+            if (right < table.getCellRangeRelativeRect({
+                col: frozenColCount - 1,
+                row: row
+            }).right) return !1;
+        } else if (left < 0) return !1;
+        const {offsetHeight: offsetHeight, offsetWidth: offsetWidth} = element;
+        return !(offsetHeight < bottom) && !(offsetWidth < left);
+    }
+    _bindToCell(table, col, row, position, referencePosition, confine, arrowMark) {
+        const rootElement = this._rootElement, rect = table.getCellRangeRelativeRect({
+            col: col,
+            row: row
+        }), element = table.getElement(), containerWidth = table.internalProps.element.offsetWidth, {width: width} = rect;
+        if (rootElement) {
+            let tooltipY, tooltipX;
+            rootElement.parentElement !== element && element.appendChild(rootElement), rootElement.style.left = "0px";
+            const maxWidth = Math.min(.8 * containerWidth, 4 * width);
+            rootElement.style.maxWidth = `${maxWidth}px`;
+            const rootElementWidth = rootElement.clientWidth, rootElementHeight = rootElement.clientHeight;
+            if (!position && !referencePosition) return !1;
+            {
+                const tooltipPosition = this.getComputedPosition(table, col, row, position, referencePosition, confine, arrowMark);
+                tooltipX = tooltipPosition.x, tooltipY = tooltipPosition.y;
+            }
+            rootElement.style.left = `${tooltipX}px`, rootElement.style.top = `${tooltipY}px`, 
+            isMobile() && (rootElement.style.fontSize = "11px");
+            const {x1: menuLeft, x2: menuRight, y1: menuTop, y2: menuBottom} = table.stateManeger.menu.bounds, tooltipLeft = tooltipX, tooltipRight = tooltipLeft + rootElementWidth, tooltipTop = tooltipY, tooltipBottom = tooltipLeft + rootElementHeight;
+            return !(table.stateManeger.menu.isShow && menuLeft < tooltipRight && menuRight > tooltipLeft && menuBottom > tooltipTop && menuTop < tooltipBottom);
+        }
+        return !1;
+    }
+    getComputedPosition(table, col, row, position, referencePosition, confine, arrowMark) {
+        var _a;
+        const rootElement = this._rootElement, rect = table.getCellRangeRelativeRect({
+            col: col,
+            row: row
+        }), {width: containerWidth, height: containerHeight} = table.internalProps.element.getBoundingClientRect(), {width: width} = rect;
+        let tooltipY, tooltipX;
+        const maxWidth = Math.min(.8 * containerWidth, 4 * width);
+        rootElement.style.maxWidth = `${maxWidth}px`;
+        const rootElementWidth = rootElement.clientWidth, rootElementHeight = rootElement.clientHeight, triangleHeight = arrowMark ? 6 : 0;
+        if (position) tooltipX = position.x, tooltipY = position.y + triangleHeight, this._triangleElement.style.left = "50%", 
+        this._triangleElement.style.marginLeft = "-5px", this._triangleElement.style.top = "-5px"; else if (referencePosition) {
+            let placement = null !== (_a = referencePosition.placement) && void 0 !== _a ? _a : Placement.bottom;
+            const referenceXMiddle = referencePosition.rect.left + referencePosition.rect.width / 2 + table.tableX, referenceYMiddle = referencePosition.rect.top + referencePosition.rect.height / 2 + table.tableY, referenceTop = referencePosition.rect.top + table.tableY, referenceBottom = referencePosition.rect.bottom + table.tableY, referenceLeft = referencePosition.rect.left + table.tableX, referenceRight = referencePosition.rect.right + table.tableX;
+            let callCount = 0;
+            const adjustPosition = () => {
+                callCount++, callCount >= 4 || (this.removeStyleFromTriangle(), placement === Placement.top ? (tooltipX = referenceXMiddle - rootElementWidth / 2, 
+                tooltipY = referenceTop - rootElementHeight - triangleHeight, this._triangleElement.style.left = "50%", 
+                this._triangleElement.style.marginLeft = "-5px", this._triangleElement.style.bottom = "-5px", 
+                confine && tooltipY < 0 && (placement = Placement.right, adjustPosition())) : placement === Placement.bottom ? (tooltipX = referenceXMiddle - rootElementWidth / 2, 
+                tooltipY = referenceBottom + triangleHeight, this._triangleElement.style.left = "50%", 
+                this._triangleElement.style.marginLeft = "-5px", this._triangleElement.style.top = "-5px", 
+                confine && tooltipY + rootElementHeight > containerHeight && (placement = Placement.left, 
+                adjustPosition())) : placement === Placement.left ? (tooltipY = referenceYMiddle - rootElementHeight / 2, 
+                tooltipX = referenceLeft - rootElementWidth - triangleHeight, this._triangleElement.style.top = "50%", 
+                this._triangleElement.style.marginTop = "-5px", this._triangleElement.style.right = "-5px", 
+                confine && tooltipX < 0 && (placement = Placement.top, adjustPosition())) : placement === Placement.right && (tooltipY = referenceYMiddle - rootElementHeight / 2, 
+                tooltipX = referenceRight + triangleHeight, this._triangleElement.style.top = "50%", 
+                this._triangleElement.style.marginTop = "-5px", this._triangleElement.style.left = "-5px", 
+                confine && tooltipX + rootElementWidth > containerWidth && (placement = Placement.bottom, 
+                adjustPosition())));
+            };
+            adjustPosition();
+        }
+        return confine && (tooltipX < 0 ? tooltipX = 0 : tooltipX + rootElement.offsetWidth > containerWidth && (tooltipX = containerWidth - rootElement.offsetWidth)), 
+        {
+            x: tooltipX,
+            y: tooltipY
+        };
+    }
+    removeStyleFromTriangle() {
+        this._triangleElement.style.left = "", this._triangleElement.style.right = "", this._triangleElement.style.top = "", 
+        this._triangleElement.style.bottom = "", this._triangleElement.style.marginLeft = "", 
+        this._triangleElement.style.marginTop = "";
+    }
+    _locate(table, col, row, position, referencePosition, confine) {
+        const tooltipPosition = this.getComputedPosition(table, col, row, position, referencePosition, confine), tooltipX = tooltipPosition.x, tooltipY = tooltipPosition.y;
+        this._rootElement.style.left = `${tooltipX}px`, this._rootElement.style.top = `${tooltipY}px`;
+    }
+}
+//# sourceMappingURL=BubbleTooltipElement.js.map

package/es/tooltip/logic/BubbleTooltipElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tooltip/logic/BubbleTooltipElement.ts"],"names":[],"mappings":"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","file":"BubbleTooltipElement.js","sourcesContent":["import { EventHandler } from '../../event/EventHandler';\nimport type { RectProps } from '../../ts-types';\nimport { Placement } from '../../ts-types';\nimport { createElement } from '../../tools/dom';\nimport './BubbleTooltipElement.css';\nimport { isMobile } from '../../tools/util';\nimport type { TooltipOptions } from '../../ts-types/tooltip';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nconst TOOLTIP_CLASS = 'vtable__bubble-tooltip-element';\nconst CONTENT_CLASS = `${TOOLTIP_CLASS}__content`;\nconst TRIANGLE_CLASS = `${TOOLTIP_CLASS}__triangle`;\nconst HIDDEN_CLASS = `${TOOLTIP_CLASS}--hidden`;\nconst SHOWN_CLASS = `${TOOLTIP_CLASS}--shown`;\n\nexport class BubbleTooltipElement {\n  private _handler: EventHandler;\n  private _rootElement?: HTMLElement;\n  private _messageElement?: HTMLElement;\n  private _triangleElement?: HTMLElement;\n  constructor() {\n    this._handler = new EventHandler();\n    const rootElement = (this._rootElement = createElement('div', [TOOLTIP_CLASS, HIDDEN_CLASS]));\n    const messageElement = createElement('span', [CONTENT_CLASS]);\n    const triangle = createElement('span', [TRIANGLE_CLASS]);\n    rootElement.appendChild(triangle);\n    rootElement.appendChild(messageElement);\n    this._messageElement = <HTMLElement>rootElement.querySelector(`.${CONTENT_CLASS}`) || undefined;\n    this._triangleElement = <HTMLElement>rootElement.querySelector(`.${TRIANGLE_CLASS}`) || undefined;\n  }\n  bindToCell(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    tooltipInstanceInfo: TooltipOptions,\n    confine: boolean\n  ): boolean {\n    const rootElement = this._rootElement;\n    const messageElement = this._messageElement;\n    const triangle = this._triangleElement;\n\n    rootElement?.classList.remove(SHOWN_CLASS);\n    rootElement?.classList.add(HIDDEN_CLASS);\n    if (this._canBindToCell(table, col, row)) {\n      //设置style及类名\n      messageElement.setAttribute('style', '');\n      triangle.setAttribute('style', '');\n      tooltipInstanceInfo?.className && rootElement.classList.add(tooltipInstanceInfo.className);\n      tooltipInstanceInfo?.style?.bgColor &&\n        (messageElement.style.backgroundColor = tooltipInstanceInfo?.style?.bgColor);\n      tooltipInstanceInfo?.style?.bgColor && (triangle.style.backgroundColor = tooltipInstanceInfo?.style?.bgColor);\n      triangle.style.display = tooltipInstanceInfo?.style?.arrowMark === true ? 'block' : 'none';\n      tooltipInstanceInfo?.style?.font && (messageElement.style.font = tooltipInstanceInfo?.style?.font);\n      tooltipInstanceInfo?.style?.color && (messageElement.style.color = tooltipInstanceInfo?.style?.color);\n      tooltipInstanceInfo?.style?.padding &&\n        (messageElement.style.padding = `${tooltipInstanceInfo?.style?.padding.join('px ')}px`);\n      messageElement && (messageElement.textContent = tooltipInstanceInfo?.content);\n      const binded = this._bindToCell(\n        table,\n        col,\n        row,\n        tooltipInstanceInfo?.position,\n        tooltipInstanceInfo?.referencePosition,\n        confine,\n        tooltipInstanceInfo?.style?.arrowMark\n      );\n      if (binded) {\n        rootElement?.classList.add(SHOWN_CLASS);\n        rootElement?.classList.remove(HIDDEN_CLASS);\n        return true;\n      }\n    } else {\n      this.unbindFromCell();\n    }\n    return false;\n  }\n  dispose(): void {\n    this.unbindFromCell();\n\n    const rootElement = this._rootElement;\n    if (rootElement?.parentElement) {\n      rootElement.parentElement.removeChild(rootElement);\n    }\n\n    this._handler?.dispose?.();\n    delete this._rootElement;\n    delete this._messageElement;\n  }\n  move(table: BaseTableAPI, col: number, row: number, tooltipOptions?: TooltipOptions, confine?: boolean): void {\n    const rootElement = this._rootElement;\n    if (this._canBindToCell(table, col, row)) {\n      this._bindToCell(table, col, row, tooltipOptions?.position, tooltipOptions?.referencePosition, confine);\n      rootElement?.classList.add(SHOWN_CLASS);\n      rootElement?.classList.remove(HIDDEN_CLASS);\n    } else {\n      this.unbindFromCell();\n    }\n  }\n  unbindFromCell(): void {\n    const rootElement = this._rootElement;\n    if (rootElement?.parentElement) {\n      rootElement.classList.remove(SHOWN_CLASS);\n      rootElement.classList.add(HIDDEN_CLASS);\n    }\n  }\n  _canBindToCell(table: BaseTableAPI, col: number, row: number): boolean {\n    const rect = table.getCellRangeRelativeRect({ col, row });\n    const element = table.getElement();\n    const { bottom, left, right } = rect;\n    const { frozenRowCount, frozenColCount } = table;\n    if (row >= frozenRowCount && frozenRowCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col, row: frozenRowCount - 1 });\n      if (bottom < frozenRect.bottom) {\n        // 范围外\n        return false;\n      }\n    } else if (bottom < 0) {\n      // 范围外\n      return false;\n    }\n    if (col >= frozenColCount && frozenColCount > 0) {\n      const frozenRect = table.getCellRangeRelativeRect({ col: frozenColCount - 1, row });\n      if (right < frozenRect.right) {\n        //整个是被冻结列盖住的 不需要提示toolTip\n        return false;\n      }\n    } else if (left < 0) {\n      return false;\n    }\n    const { offsetHeight, offsetWidth } = element;\n    if (offsetHeight < bottom) {\n      return false;\n    }\n    if (offsetWidth < left) {\n      return false;\n    }\n    return true;\n  }\n  _bindToCell(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: { rect: RectProps; placement?: Placement },\n    confine?: boolean,\n    arrowMark?: boolean\n  ): boolean {\n    const rootElement = this._rootElement;\n    const rect = table.getCellRangeRelativeRect({ col, row });\n    const element = table.getElement();\n    const containerWidth = table.internalProps.element.offsetWidth;\n    const { width } = rect;\n    if (rootElement) {\n      if (rootElement.parentElement !== element) {\n        element.appendChild(rootElement);\n      }\n      rootElement.style.left = `0px`;\n      // 边界碰撞检测\n      let tooltipY: number;\n      let tooltipX: number;\n      //设置最宽尺寸\n      const maxWidth = Math.min(containerWidth * 0.8, width * 4);\n      rootElement.style.maxWidth = `${maxWidth}px`;\n      //计算弹出框的宽度\n      const rootElementWidth = rootElement.clientWidth; //Math.min(Math.max(rootElement.clientWidth, width), maxWidth);\n      const rootElementHeight = rootElement.clientHeight;\n      if (position || referencePosition) {\n        const tooltipPosition = this.getComputedPosition(\n          table,\n          col,\n          row,\n          position,\n          referencePosition,\n          confine,\n          arrowMark\n        );\n        tooltipX = tooltipPosition.x;\n        tooltipY = tooltipPosition.y;\n      } else {\n        return false;\n      }\n\n      rootElement.style.left = `${tooltipX}px`;\n      rootElement.style.top = `${tooltipY}px`;\n      // rootElement.style.width=rootElementWidth+'px';\n      if (isMobile()) {\n        rootElement.style.fontSize = '11px';\n      }\n\n      // 判断当前tooltip范围是否与tooltip重合\n      const { x1: menuLeft, x2: menuRight, y1: menuTop, y2: menuBottom } = table.stateManeger.menu.bounds;\n      const tooltipLeft = tooltipX;\n      const tooltipRight = tooltipLeft + rootElementWidth;\n      const tooltipTop = tooltipY;\n      const tooltipBottom = tooltipLeft + rootElementHeight;\n      if (\n        table.stateManeger.menu.isShow &&\n        menuLeft < tooltipRight &&\n        menuRight > tooltipLeft &&\n        menuBottom > tooltipTop &&\n        menuTop < tooltipBottom\n      ) {\n        return false;\n      }\n      return true;\n    }\n    return false;\n  }\n  private getComputedPosition(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: { rect: RectProps; placement?: Placement },\n    confine?: boolean,\n    arrowMark?: boolean\n  ) {\n    const rootElement = this._rootElement;\n    const rect = table.getCellRangeRelativeRect({ col, row });\n    const { width: containerWidth, height: containerHeight } = table.internalProps.element.getBoundingClientRect();\n    const { width } = rect;\n    // 边界碰撞检测\n    let tooltipY: number;\n    let tooltipX: number;\n    //设置最宽尺寸\n    const maxWidth = Math.min(containerWidth * 0.8, width * 4);\n    rootElement.style.maxWidth = `${maxWidth}px`;\n    //计算弹出框的宽度\n    const rootElementWidth = rootElement.clientWidth; //Math.min(Math.max(rootElement.clientWidth, width), maxWidth);\n    const rootElementHeight = rootElement.clientHeight;\n    // this._triangleElement.setAttribute('style', '');\n    const triangleHeight = arrowMark ? 6 : 0;\n    if (position) {\n      tooltipX = position.x;\n      tooltipY = position.y + triangleHeight;\n      this._triangleElement.style.left = '50%';\n      this._triangleElement.style.marginLeft = '-5px';\n      this._triangleElement.style.top = '-5px';\n    } else if (referencePosition) {\n      let placement = referencePosition.placement ?? Placement.bottom;\n      const referenceXMiddle = referencePosition.rect.left + referencePosition.rect.width / 2 + (table as any).tableX;\n      const referenceYMiddle = referencePosition.rect.top + referencePosition.rect.height / 2 + (table as any).tableY;\n      const referenceTop = referencePosition.rect.top + (table as any).tableY;\n      const referenceBottom = referencePosition.rect.bottom + (table as any).tableY;\n      const referenceLeft = referencePosition.rect.left + (table as any).tableX;\n      const referenceRight = referencePosition.rect.right + (table as any).tableX;\n\n      let callCount = 0;\n      /** 根据placement计算弹出框的位置 躲避策略[dom的这块先去除 dom可以超出显示]：根据顺时针方向依次检测placement */\n      const adjustPosition = () => {\n        callCount++;\n        if (callCount >= 4) {\n          return;\n        }\n        this.removeStyleFromTriangle();\n        if (placement === Placement.top) {\n          tooltipX = referenceXMiddle - rootElementWidth / 2;\n          tooltipY = referenceTop - rootElementHeight - triangleHeight;\n          this._triangleElement.style.left = '50%';\n          this._triangleElement.style.marginLeft = '-5px';\n          this._triangleElement.style.bottom = '-5px';\n\n          // 判断如果超出左右范围则靠边显示\n          if (confine && tooltipY < 0) {\n            placement = Placement.right;\n            adjustPosition();\n          }\n        } else if (placement === Placement.bottom) {\n          tooltipX = referenceXMiddle - rootElementWidth / 2;\n          tooltipY = referenceBottom + triangleHeight;\n          this._triangleElement.style.left = '50%';\n          this._triangleElement.style.marginLeft = '-5px';\n          this._triangleElement.style.top = '-5px';\n          if (confine && tooltipY + rootElementHeight > containerHeight) {\n            placement = Placement.left;\n            adjustPosition();\n          }\n        } else if (placement === Placement.left) {\n          tooltipY = referenceYMiddle - rootElementHeight / 2;\n          tooltipX = referenceLeft - rootElementWidth - triangleHeight;\n          this._triangleElement.style.top = '50%';\n          this._triangleElement.style.marginTop = '-5px';\n          this._triangleElement.style.right = '-5px';\n          if (confine && tooltipX < 0) {\n            placement = Placement.top;\n            adjustPosition();\n          }\n        } else if (placement === Placement.right) {\n          tooltipY = referenceYMiddle - rootElementHeight / 2;\n          tooltipX = referenceRight + triangleHeight;\n          this._triangleElement.style.top = '50%';\n          this._triangleElement.style.marginTop = '-5px';\n          this._triangleElement.style.left = '-5px';\n          if (confine && tooltipX + rootElementWidth > containerWidth) {\n            placement = Placement.bottom;\n            adjustPosition();\n          }\n        }\n      };\n      adjustPosition();\n    }\n    // 判断如果超出左右范围则靠边显示\n    if (confine) {\n      if (tooltipX < 0) {\n        tooltipX = 0;\n      } else if (tooltipX + rootElement.offsetWidth > containerWidth) {\n        tooltipX = containerWidth - rootElement.offsetWidth;\n      }\n    }\n    return {\n      x: tooltipX,\n      y: tooltipY\n    };\n  }\n  private removeStyleFromTriangle() {\n    this._triangleElement.style.left = '';\n    this._triangleElement.style.right = '';\n    this._triangleElement.style.top = '';\n    this._triangleElement.style.bottom = '';\n    this._triangleElement.style.marginLeft = '';\n    this._triangleElement.style.marginTop = '';\n  }\n  _locate(\n    table: BaseTableAPI,\n    col: number,\n    row: number,\n    position?: { x: number; y: number },\n    referencePosition?: {\n      rect: RectProps;\n      placement?: Placement;\n    },\n    confine?: boolean\n  ) {\n    const tooltipPosition = this.getComputedPosition(table, col, row, position, referencePosition, confine);\n    const tooltipX = tooltipPosition.x;\n    const tooltipY = tooltipPosition.y;\n    this._rootElement.style.left = `${tooltipX}px`;\n    this._rootElement.style.top = `${tooltipY}px`;\n  }\n}\n"]}